| 主题 |
内容安排 |
| 一、React 简介 |
1. 什么是 React
2. React 的特点
3. React 高效的原因
4. React的主要原理 |
| 二、React 的基本使用 |
1. 基础代码
2. 相关 js 库
3. 创建虚拟DOM的两种方式
4. 虚拟DOM与真实DOM
5. 虚拟DOM与真实DOM的区别 |
| 三、React JSX |
1. 什么是 JSX
2. 渲染虚拟DOM(元素)
3. JSX 的使用
4. JSX 的语法规则
• 标签
• 属性
• 嵌入表达式
• 条件渲染
• 列表渲染 |
| 四、模块与组件、模块化与组件化的理解 |
1. 模块
2. 组件
3. 函数式组件
4. 类式组件 |
| 五、组件的基本理解和使用 |
1. 函数式组件
2. 类式组件
3. 注意事项
4. 渲染函数式组件标签的基本流程
5. 渲染类组件标签的基本流程
6. 状态（State）和属性（Props）的使用
7. refs与事件处理
8. 受控组件与非受控组件
9. 使用Context API进行跨层级状态传递
10. 组件的生命周期 |
| 六、React Hooks |
1. useState 和 useEffect 的基本用法
2. 其他常用Hooks：useContext, useReducer, useCallback, useMemo
3. 自定义Hooks的创建和使用
4. Hooks的最佳实践和常见误区 |
| 七、路由与导航 |
1. React Router的基本概念和安装
2. 路由配置和导航
3. 动态路由和嵌套路由
4. 路由守卫和权限控制 |
| 八、状态管理库 |
1. Redux的基本原理和工作流程
2. Redux Toolkit的使用
3. 使用Redux进行复杂状态管理 |
| 九、样式与布局 |
1. CSS-in-JS库（styled-components, emotion）
2. CSS Modules的使用
3. 使用Tailwind CSS进行快速布局
4. 响应式设计和媒体查询 |
| 十、API集成与数据获取 |
1. 使用Axios进行HTTP请求
2. 异步数据获取和状态管理 |
| 十一、使用create-react-app创建react应用 |
1、什么是 react 脚手架？
2. 创建 cli 脚手架方式1
3. 创建 cli 脚手架方式2
4. npx:
5. react脚手架项目结构
6. 功能界面的组件化编码流程（通用） |
| 十二、 Ant Design UI组件实战 |
