React视频教程（alpha版）

经过了一段时间的努力，我的React视频终于录完了 ！好吧，其实还没有录完，录了大概有一多半吧视频一共有73个，时长大概是22个小时多一点，使用的React的版本是18。下边简单的介绍一下课程的大概内容。

1-11

1-11并不是React相关的内容，而是介绍了一些JS的基础，主要包括了变量、解构、展开、箭头函数、模块化、类和数组相关知识的补充，这部分内容都是React中比较常用的技术点，这里只是做了一个简单的回顾，如果你对JS基础已经十分熟悉了，这部分内容可以跳过。

12-19

12-19主要介绍了React的基本使用，包括了直接通过网页使用React、React元素、React中的三个API（createElement、createRoot和render）、JSX、虚拟DOM、列表的渲染等内容，这部分课程主要帮助大家对React有一个初步的认识，同时了解一下React中的一些基本概念。

20-47

20-47开始正式的编写React项目，包括了手动创建React项目、React组件（函数组件和类组件）、事件、props、state、ref、portal等知识点，以及表单的双向绑定、（非）受控组件、学习记录器（练习）等内容。这部分课程开始我们就正式的进入到了React的世界了，通过这部分内容大家要将思想从传统项目中网页的开发转换到React中的组件开发。思想建立起来后，后续的学习便能得心应手了！

48-73

48-73在前一阶段课程的基础上，继续深入学习React，主要涉及到了create-react-app、react中样式的设置（内联样式、外部样式表、CSS模块）、Fragment、Context以及名为汉堡到家的移动端应用的开发。该阶段的学习目的主要是从无到有开发了一个React的移动端应用，同时在开发应用的过程中我们也会遇到一些新的问题，遇到问题的同时也引出了React中那些我们尚未掌握的技术，学会了新技术问题也就迎刃而解了！

即将更新的内容

73个视频并没有涵盖到React中所有的内容，后续我将会继续对视频进行更新，这里简单对后续内容做一个预告：

1. Effect （完成）
2. Reducer（完成）
3. Memo（完成）
4. Callback（完成）
5. Fetch（完成）
6. 自定义Hook（完成）
7. Redux（完成）
8. RTK（完成）
9. RTKQ（完成）
10. Forward Refs（完成）
11. 其他Hook（新增Hook）（完成）
12. 路由（多页SPA）（完成）
13. 权限认证（完成）

1. Axios
2. 项目调试
3. 单元测试
4. Next.js
5. 动画

这些内容都是这次计划要录的内容，但是由于一些原因并没有及时完成。加上后续的10多天中需要还一笔欠了很久很久的债，所以稍微要耽误一些时日才能更新。大概10多天以后会开始录制后续的课程，敬请期待吧！

课程代码下载：

链接: https://pan.baidu.com/s/16hEN7j4hLDpd7NoFiS8dHw?pwd=4gxv 提取码: 4gxv 复制这段内容后打开百度网盘手机App，操作更方便哦。

更新的第二部分代码：

链接：https://pan.baidu.com/s/1mDkvLqYVz1QGTV1foz5mQg?pwd=5zir
提取码：5zir

第三部分代码：

链接：https://pan.baidu.com/s/1JBaN4gSST_yXgHoIPfF5uw?pwd=ws8t
提取码：ws8t

视频地址：

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