react 10小时完全教程【2020年10月更新,78P】

[广告:最高 ¥2000 红包]阿里云服务器、主机等产品通用,可叠加官网常规优惠使用 | 限时领取

最近油管freeCodeCamp.org频道更新了一个react 10小时的教程,非常系统完全。

Full React Course 2020 – Learn Fundamentals, Hooks, Context API, React Router, Custom Hooks – YouTube

https://www.youtube.com/watch?v=4UZrsTqkcW4

下载视频后,根据章节信息分成了78集,上传到bilibili.com

react 10小时完全教程【2020年10月6日更新,分P】_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili

https://www.bilibili.com/video/BV1AA411E7BY/

⭐️课程内容⭐️
⌨️(00:00)介绍
⌨️(01:09)关于React
⌨️(06:51)目标
⌨️(08:50)结构
⌨️(09:46)课程要求
⌨️(11:45)开发环境设置
⌨️(16:26)文本编辑器设置
⌨️(18:20)命令行基础
⌨️(25:00)NPM基础知识
⌨️(35:07)创建反应应用
⌨️(37:05)安装Create-React-App
⌨️(43:19)文件夹结构
⌨️(52:25)简单的模板
⌨️(54:00)第一个组件
⌨️(1:04:13)文本编辑器设置
⌨️(1:12:29)详细的第一个组件
⌨️(1:19:18)JSX规则
⌨️(1:28:55)嵌套的组件和工具
⌨️(1:34:50)Mini Book 项目
⌨️(1:42:59)CSS基础知识
⌨️(1:54:41)JSX Css
⌨️(2:01:31)JSX Javascript
⌨️(2:09:30) 属性
⌨️(2:25:41)属性值 解构
⌨️(2:29:44)道具-儿童
⌨️(2:36:13)简单列表
⌨️(2:45:12)正确的清单
⌨️(2:52:49)Key 属性和Spread运算符
⌨️(2:58:52)事件基础
⌨️(3:11:12)导入导出状态
⌨️(3:23:25)免费托管
⌨️(3:28:22)高级介绍
⌨️(3:30:42)获取入门项目
⌨️(3:31:35)安装Starter
⌨️(3:33:43)入门概述
⌨️(3:39:00)UseState-简单用例
⌨️(3:48:44)UseState-基础知识
⌨️(4:00:47)Hook的一般规则
⌨️(4:03:39)UseState-数组示例
⌨️(4:17:27)UseState-对象示例
⌨️(4:23:00)UseState-多个状态值
⌨️(4:26:17)简单柜台
⌨️(4:32:10)功能更新表
⌨️(4:44:55)配套项目
⌨️(4:47:27)useEffect-基础知识
⌨️(4:57:47)useEffect-条件
⌨️(5:01:40)useEffect-依赖列表
⌨️(5:07:13)useEffect-清理功能
⌨️(5:19:24)useEffect-获取数据
⌨️(5:31:29)多重收益
⌨️(5:37:09)多次返回-获取数据
⌨️(5:52:07)短路评估
⌨️(6:02:50) 三元运算符
⌨️(6:11:30) 显示/隐藏组件
⌨️(6:20:15)表单基础
⌨️(6:28:53)受控输入
⌨️(6:38:09)将项目添加到列表
⌨️(6:50:32)多个输入
⌨️(7:06:29)useRef
⌨️(7:16:20)useReducer-UseState设置
⌨️(7:29:52)useReducer-重构
⌨️(7:37:15)useReducer-添加项目
⌨️(7:53:14)useReducer-删除商品
⌨️(8:00:56)道具钻-
⌨️(8:14:36)上下文API /-useContext
⌨️(8:26:22)自定义挂钩-useFetch
⌨️(8:38:09)PropTypes-设置
⌨️(8:47:48)PropTypes-图片
⌨️(8:55:48)PropTypes-默认值
⌨️(9:00:41)React Router简介
⌨️(9:05:52)React Router-基本设置
⌨️(9:15:50)React Router-错误和交换组件
⌨️(9:18:51)反应路由器-链接
⌨️(9:23:22)React Router-URL参数和占位符
⌨️(9:37:51)优化信息
⌨️(9:41:21)React.memo
⌨️(9:49:50)useCallback
⌨️(9:58:00)useMemo
⌨️(10:04:15)useCallback-Fetch示例

码中人 微信公众号