├── 第1章 开期准备
│ ├── [1.1]–1-1-导学
│ ├── [1.2]–1-2-功能介绍
│ └── [1.3]–1-3-课程安排-即学即用，渐进式开发项目
├── 第2章 【入门】什么是 React React 引领了现代前端开发的变革
│ ├── [2.1]–2-1-章介绍
│ ├── [2.5]–2-5-React核心价值-组件化
│ ├── [2.6]–2-6-React核心价值-数据驱动视图
│ └── …
├── 第3章 【基础】创建 React 项目开发环境 – 代码未动，环境先行
│ ├── [3.1]–3-1-章介绍
│ ├── [3.4]–3-4-使用Vite创建React项目-Vite是前端热门工具
│ ├── …
│ └── [3.10]–3-10-【加餐】vite和webpack的区别-vite使用E
├── 第4章 【基础】JSX 语法和组件基础 – 学完即可开发一个静态页面
│ ├── [4.1]–4-1-章介绍
│ ├── [4.7]–4-7-JSX中插入JS变量和表达式-让JSX真正融入JS代码中
│ ├── …
│ └── [4-12] -组件props-父子组件通讯的桥梁
├── 第5章 【基础】React Hooks – 处理逻辑监听状态，让页面动起来
│ ├── [5.1]–5-1-章介绍
│ ├── [5.2]–5-2-useState让页面“动”起来
│ ├── …
│ ├── [5.9]–5-9useEffect监听组件生命周期-创建、更新、销毁
│ ├── …
│ └── [5.19]–5-19Hooks闭包陷阱-React常考面试题
├── 第6章 【基础】在 React 中使用 CSS 样式 – 为页面“美颜”，页面变漂亮
│ ├── [6.1]–章介绍
│ ├── [6.3]–6-3CSS-Module解决className可能会重复的问题
│ ├── …
│ └── [6.8]–6-8实战-增加CSS样式-创建正式项目环境
├── 第7章 【中级】React-router 路由 – 配置多页面，由单页变成一个系统
│ ├── [7.1]–7-1章介绍
│ ├── [7.6]–7-6使用React-Router配置路由-实现了多页面
│ └── …
├── 第8章 【基础】使用 AntDesign UI 组件库 – 常用组件拿来即用
│ ├── [8.1]–8-1章介绍
│ ├── [8.3]–8-3安装和使用Ant-Design
│ ├── …
│ └── [8.13]–8-13使用AntD开发回收站页面-使用Table组件
├── 第9章 【中级】React 表单组件 – 接收用户输入，让用户和页面互动起来
│ ├── [9.1]–9-1章介绍
│ ├── [9.2]–9-2什么是受控组件-React表单组件的重要概念
│ ├── …
│ └── [9-13] 使用第三方表单校验工具React-Hook-Form
├── 第10章 【中级】Ajax 网络请求 part1 – 搭建 Mock 服务，完成前后端通讯
│ ├── [10.1]–10-1 章介绍
│ ├── [10.3]–10-3 使用mockjs模拟Ajax请求
│ ├── …
│ └── [10.10]–10-10 配置axios的response拦截器-统一处理错误
├── 第11章 【中级】Ajax 网络请求 part2 – 一次学习多种形式的列表和分页功能
│ ├── [11.1]–11-1 开发分页功能-定义URL参数page和pageSize
│ ├── …
│ ├── [11.13]–11-13 介绍JWT-用户登录校验的技术方案
│ └── [11.16]–11-16 存储token，并使用axios拦截器附加token
├── 第12章 【中级】Redux 状态管理 – 复杂项目的数据管理形式
│ ├── [12.1]–12-1 章介绍
│ ├── [12.8]–12-8 介绍Redux-React世界最流行的状态管理工具
│ ├── …
│ ├── [12.16]–12-16 使用MobX开发TodoList-创建数据模型
│ └── …
├── 第13章 【实战】开发问卷编辑器 part1 – 寻找突破口，用两个组件打通全部流程
│ ├── [13.1]–13-1 -章介绍
│ ├── [13.7]–13-7 -定义问卷组件的数据结构-这是动态渲染画布的前提
│ ├── …
│ └── [13.19]–13-19 -修改组件属性，并同步到画布中
├── 第14章 【实战】开发问卷编辑器 part2 – 增加其他组件，展现设计的扩展性
│ ├── [14.1]–14-1 -工具栏-删除组件，并重新计算selectedId-p
│ ├── …
│ ├── [14.13]–14-13 -开发QuestionRadio属性表单-可动态添加
│ └── [14.16]–14-16 -开发QuestionCheckbox属性表单-可动
├── 第15章 【实战】开发问卷编辑器 part3 – 聚焦高级功能：
│ ├── [15.1]–15-1 -在图层中修改组件标题-动态切换input和文本
│ ├── …
│ ├── [15.10]–15-10 -组件列表拖拽排序-选择第三方库dnd-kit
│ ├── …
│ └── [15.19]–15-19 -问卷编辑器增加撤销重做-工具栏按钮和快捷键
├── 第16章 【实战】问卷数据统计 – 有统计数据才能体现完整项目的
│ ├── [16.1]–16-1 -章开始
│ ├── …
│ ├── [16.11]–16-11 -显示答卷列表-使用useRequest获取数据-p
│ ├── …
│ └── [16.16]–16-16 -使用Recharts演示柱状图BarChart
├── 第17章 【实战】Next.js开发C端 – 学习React技术
│ ├── [17.1]–17-1 -章介绍
│ ├── [17.2]–17-2 -介绍SSR，它的优缺点，和CSR的区别，以及应用场景
│ ├── …
│ ├── [17.13]–17-13 -创建Mock接口，跑通前后端完整流程
│ └── …
├── 第18章 【实战】React性能优化 – 将 main.js代码
│ ├── 18-1 -章介绍
│ ├── [18.3]–18-3 -使用useMemo缓存B端统计页的链接和二维码Ele
│ ├── …
│ └── [18.7]–18-7 -配置路由懒加载，拆分编辑页和统计页，优化代码体积
├── 第19章 【实战】React 测试 – 项目有测试，睡觉才踏实（不会半夜被叫醒改bug）
│ ├── [19.1]–19-1 -章介绍
│ ├── [19.2]–19-2 -单元测试入门，使用jest写测试用例
│ ├── …
│ └── [19.9]–19-9 -可视化测试-安装Storybook并演示例子
├── 第20章 课程总结
│ ├── [20.1]–20-1 -关于项目的服务端
│ └── [20.2]–20-2 -课程总结
└── 第21章 【二期】使用 Nest.js 开发项目服务端（2024 新增）
├── 21-1 介绍
├── 21-2 创建nestjs项目
├── …
├── 21-7 使用nestjs连接mongodb数据库，并抽离配置信息
├── 21-8 创建schema数据模型，并同步到Mongodb数据库
├── …
├── 21-13 增加JWT校验，登录时返回token字符串
├── 21-14 增加Guard校验，验证并解析token字符串
├── …
├── 21-20 前端和服务端联调，测试问卷各个功能
├── …
├── 21-24 开发单个问卷的统计功能
├── 21-25 开发单个组件的统计功能
├── 21-26 和B端联调，测试统计功能
└── 21-27 章总结
