缺5个视频，详情页已用红字标注

├─{1}--第1章开期准备
│&nBSp; &nBSp;&nBSp; &nBSp;1-1-导学.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;1-2-功能介绍.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;1-3-课程安排-即学即用，渐进式开发项目.mp4
│
├─{2}--第2章【入门】什么是ReactReact引领了现代前端开发的变革
│&nBSp; &nBSp;&nBSp; &nBSp;2-1-章介绍.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;2-2-React是全球最火爆的前端框架.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;2-3-React其实非常简单-但需要你熟悉JS语法.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;2-4-看几个示例来体会React的代码逻辑.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;2-5-React核心价值-组件化.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;2-6-React核心价值-数据驱动视图.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;2-7-课程安排-即学即用，渐进式开发项目.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;2-8-章总结.mp4
│
├─{3}--第3章【基础】创建React项目开发环境-代码未动，环境先行
│&nBSp; &nBSp;&nBSp; &nBSp;3-1-章介绍.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;3-2-准备工作-安装必备软件.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;3-3-使用Create-React-APP创建项目-React.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;3-4-使用Vite创建React项目-Vite是前端热门工具.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;3-5-使用eslint检查代码语法错误-提前识别，防患于未然【缺】
│&nBSp; &nBSp;&nBSp; &nBSp;3-6-使用Prettier规范代码风格-统一风格，多人开发也不.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;3-7-提交代码到git仓库-选择国内平台.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;3-8-使用husky执行Pre-commit检查-把非规范代码.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;3-9-使用commit-lint规范commit提交格式-让g.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;3-10-【加餐】vite和Webpack的区别-vite使用E.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;3-11-章总结.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;
├─{4}--第4章【基础】JSX语法和组件基础-学完即可开发一个静态页面
│&nBSp; &nBSp;&nBSp; &nBSp;4-1-章介绍.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;4-2-JSX语法和HTML相似-很容易学习.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;4-3-JSX的标签-和HTML标签有几点不同.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;4-4-JSX的属性-style改动非常大.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;4-5-JSX中监听DOM事件-遇到了TypescrIPt类型问.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;4-6-补充TypescrIPt类型基础知识-解答上一节的困惑.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;4-7-JSX中插入JS变量和表达式-让JSX真正融入JS代码中.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;4-8-JSX中使用条件判断-让JSX具备if-else能力.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;4-9-JSX中使用循环-让JSX真正动起来.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;4-10-实战-开发项目列表页-即学即用效果好.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;4-11-React组件基础-拆分UI结构，便于开发维护和复用.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;4-12 -组件ProPS-父子组件通讯的桥梁【缺】
│&nBSp; &nBSp;&nBSp; &nBSp;4-13-React开发者工具-让React调试更简单.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;4-14-加餐-JSX和Vue模板的区别-体现两者设计理念的差异.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;4-15-章总结.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;
├─{5}--第5章【基础】ReactHooks-处理逻辑监听状态，让页面动起
│&nBSp; &nBSp;&nBSp; &nBSp;5-1-章介绍.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;5-2-useState让页面动起来.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;5-3-state一个组件的独家记忆.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;5-4-state特点-异步更新，合并后更新.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;5-5state特点-不可变数据-非常重要的概念.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;5-6实战-重构列表页-用useState实现增、删、改.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;5-7使用IMmer修改state-帮你摆脱不可变.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;5-8实战-重构列表页-使用IMmer让开发更简单.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;5-9useEffect监听组件生命周期-创建、更新、销毁.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;5-10useEffect在开发环境下执行两次-模拟全流程，及早.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;5-11用useRef操作DOM元素-React的ref和Vue.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;5-12使用useMEMO缓存数据-React中常见的性能优化手.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;5-13使用useCallback缓存函数.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;5-14自定义Hooks-ReactHooks的正确打开方式.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;5-15使用自定义Hook获取鼠标位置-组件公共逻辑抽离和复用.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;5-16使用自定义Hook异步加载数据-模拟异步场景.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;5-17使用第三方Hooks-ahooks和React-use.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;5-18Hooks的三条使用规则.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;5-19Hooks闭包陷阱-React常考面试题.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;5-20章总结.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;
├─{6}--第6章【基础】在React中使用CSS样式-为页面
│&nBSp; &nBSp;&nBSp; &nBSp;6-1 章介绍【缺】
│&nBSp; &nBSp;&nBSp; &nBSp;6-2普通方式使用CSS-尽量不要用内联style.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;6-3CSS-Module解决classNAMe可能会重复的问题.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;6-4使用Sass语法-提高CSS编码效率.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;6-5CSS-in-JS常用工具之Styled-componen.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;6-6JS函数后加字符串的调用形式-解决Style-compon.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;6-7CSS-in-JS常用工具之Styled-jsx和EMOt.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;6-8实战-增加CSS样式-创建正式项目环境.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;6-9实战-为列表页增加CSS样式.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;6-10实战-为QuestionCard组件增加CSS样式.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;6-11章总结.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;
├─{7}--第7章【中级】React-Router路由-配置多页面，由单页变
│&nBSp; &nBSp;&nBSp; &nBSp;7-1章介绍.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;7-2路由设计-确定网址和页面的关系.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;7-3设计Layout模板-抽离公共部分，代码复用.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;7-4路由开发-创建所有页面.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;7-5路由开发-创建3个Layout和使用Outlet.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;7-6使用React-Router配置路由-实现了多页面.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;7-7使用路由API-跳转页面和获取参数.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;7-8章总结.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;7-9自定义网页标题和favicon.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;
├─{8}--第8章【基础】使用AntdesignUI组件库-常用组件拿来即用
│&nBSp; &nBSp;&nBSp; &nBSp;8-1章介绍.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;8-2介绍React世界中常用的几个UI组件库.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;8-3安装和使用Ant-Design.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;8-4使用Antd重构MAInLayout-体现Antd布局能力.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;8-5使用Antd重构ManageLayout-灵活使用Butt.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;8-6使用Antd开发LoGo组件.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;8-7开发UserInfo组件.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;8-8使用Antd开发首页.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;8-9使用Antd快速制作漂亮的404页面.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;8-10使用Antd重构QuestionCard组件-得到了最终.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;8-11使用Antd的confirm功能-展示Antd的交互能力.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;8-12使用Antd开发星标问卷列表页.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;8-13使用Antd开发回收站页面-使用Table组件.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;8-14开发回收站的恢复和删除-为表格增加了选择功能.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;8-15加餐-介绍TAIlWind-CSS.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;8-16章总结.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;
├─{9}--第9章【中级】React表单组件-接收用户输入，让用户和页面互动
│&nBSp; &nBSp;&nBSp; &nBSp;9-1章介绍.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;9-2什么是受控组件-React表单组件的重要概念.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;9-3使用textarea组件-通过dangerouslySet.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;9-4使用rADio单选按钮-受控组件的设计思路.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;9-5使用checkbox复选按钮-模拟真实的业务场景.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;9-6使用select下拉框组件.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;9-7使用form组件和suBMit方法.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;9-8使用Antd开发ListSearch搜索组件.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;9-9ListSearch搜索修改URL参数-体现组件设计的解耦.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;9-10使用Antd的Form组件开发注册页.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;9-11使用Antd的Form组件开发登录页，并实现.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;9-12使用Antd表单组件的校验功能，校验用户名和密码的格式.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;9-13使用第三方表单校验工具React-Hook-Form【缺】
│&nBSp; &nBSp;&nBSp; &nBSp;9-14使用第三方表单校验工具Formik.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;9-15章总结.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;
├─{10}--第10章 【中级】Ajax 网络请求 part1 - 搭建 Mo
│&nBSp; &nBSp;&nBSp; &nBSp;10-1 章介绍.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;10-2 关于Ajax的基础知识、API和工具.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;10-3 使用mockjs模拟Ajax请求.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;10-4 在nodejs中使用mockjs-使用Random轻松.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;10-5 使用nodejs启动服务，模拟get请求.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;10-6 模拟post请求，并使用postman测试.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;10-7 使用craco.js扩展Webpack配置-使用dev.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;10-8 介绍几个在线mock平台-谨慎使用.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;10-9 API设计-使用Restful API规范.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;10-10 配置axios的response拦截器-统一处理错误.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;10-11 开发新建问卷功能-设置loADing状态以优化体验.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;10-12 开发获取问卷信息功能-使用自定义Hook抽离公共逻辑.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;10-13 使用useRequest重构Ajax请求-统一处理l.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;10-14 使用useRequest获取问卷列表.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;10-15 给列表增加搜索功能-使用第三方Hook抽离组件公共逻.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;10-16 使用useRequest开发星标和回收站页面.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;
├─{11}--第11章 【中级】Ajax 网络请求 part2 - 一次学习多
│&nBSp; &nBSp;&nBSp; &nBSp;11-1 开发分页功能-定义URL参数page和pageSize.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;11-2 实现列表分页功能-使用Antd的Pagination组.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;11-3 LoADMore上划加载更多-设计组件的state.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;11-4 LoADMore上划加载更多-使用防抖监听scroll.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;11-5 LoADMore上划加载更多-根据DOM位置判断加载时.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;11-6 LoADMore上划加载更多-真正加载数据.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;11-7 LoADMore上划加载更多-优化功能体验.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;11-8 开发问卷标星功能.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;11-9 开发问卷复制功能.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;11-10 开发删除问卷功能-修改信息假删除&AMp;rd.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;11-11 开发恢复问卷功能-使用for-awiat-of处理多.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;11-12 开发彻底删除功能.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;11-13 介绍JWT-用户登录校验的技术方案.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;11-14 开发用户的mock和services.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;11-15 开发注册和登录功能.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;11-16 存储token，并使用axios拦截器附加token.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;11-17 开发获取用户信息，以及退出登录.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;11-18 -章总结.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;
├─{12}--第12章 【中级】Redux 状态管理 - 复杂项目的数据管理形
│&nBSp; &nBSp;&nBSp; &nBSp;12-1 章介绍.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;12-2 什么是状态管理，为何要用状态管理.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;12-3 使用Context实现跨组件跨层级传递数据.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;12-4 学习使用useReducer-提前了解Redux的概念.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;12-5 使用useReducer开发TodoList-定义in.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;12-6 使用useReducer开发TodoList-使用di.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;12-7 使用Context和useReducer实现跨组件通讯.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;12-8 介绍Redux-React世界最流行的状态管理工具.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;12-9 使用Redux实现数字加减法-认识Reducer和Ac.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;12-10 使用Redux实现数字加减法-使用useSelect.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;12-11 使用Redux实现TodoList-展示复杂数据结构.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;12-12 使用Redux实现TodoList-传入Action.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;12-13 Redux单项数据流-动图体验数据流转过程.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;12-14 Redux开发者工具-方便跟踪和调试.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;12-15 介绍MobX-可以像Vue一样声明式的修改数据.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;12-16 使用MobX开发TodoList-创建数据模型.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;12-17 使用MobX开发TodoList-数据的显示和操作.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;12-18 使用Redux管理用户信息-定义store和redu.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;12-19 使用Redux管理用户信息-使用useSelecto.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;12-20 使用自定义Hook统一加载用户信息，并存储到redu.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;12-21 根据用户登录状态动态跳转页面-使用自定义Hook统一.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;12-22 章总结.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;
├─{13}--第13章 【实战】开发问卷编辑器 part1 - 寻找突破口，用
│&nBSp; &nBSp;&nBSp; &nBSp;13-1 -章介绍.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;13-2 -需求分析-详细演示各个功能.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;13-3 -分析UI界面，如何拆分组件.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;13-4 -开发UI组件拆分-实现画布Y轴滚动.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;13-5 -定义画布中的两个组件-Title和Input.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;13-6 -把Title和Input组件显示到画布上.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;13-7 -定义问卷组件的数据结构-这是动态渲染画布的前提.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;13-8 -把组件列表存储到Redux store-统一各个组件.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;13-9 -把组件列表存储到Redux store-重构useL.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;13-10 -定义组件配置-可根据type找到组件.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;13-11 -在画布上动态显示组件列表-梳理完整的流程.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;13-12 -点击画布选中组件-通过selectedId全局共享.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;13-13 -组件库-组件按类型分组.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;13-14 -把组件分组显示在组件库中.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;13-15 -点击组件库中的组件，添加到画布中.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;13-16 -解释为何要使用fe_id.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;13-17 -定义属性表单，用于修改组件的属性.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;13-18 -根据选中的组件，动态显示属性表单.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;13-19 -修改组件属性，并同步到画布中.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;13-20 -定义EditHeADer组件，实现返回功能.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;
├─{14}--第14章 【实战】开发问卷编辑器 part2 - 增加其他组件，
│&nBSp; &nBSp;&nBSp; &nBSp;14-1 -工具栏-删除组件，并重新计算selectedId-p.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;14-2 -工具栏-隐藏组件，并重新计算selectedId-p.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;14-3 -工具栏-锁定和解锁组件，动态禁用属性表单.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;14-4 -工具栏-复制和粘贴组件-结合ADdComponent.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;14-5 -在画布增加快捷键-需提前判断ActiveElemen.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;14-6 -快捷键-选中上一个，选中下一个.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;14-7 -增加PaRAGraph组件-体现编辑器组件机制的扩展.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;14-8 -为PaRAGraph组件增加换行功能-充分考虑安全性.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;14-9 -增加QuestoinInfo组件-整合标题和段落.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;14-10 -根据QuestionInput改造出Questio.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;14-11 -学习Antd的RADio组件，并定义属性类型.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;14-12 -创建QuestionRADio的Component.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;14-13 -开发QuestionRADio属性表单-可动态添加.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;14-14 -QuestionRADio属性表单变化，同步到画布.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;14-15 -创建QuestionCheckbox组件，并显示在.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;14-16 -开发QuestionCheckbox属性表单-可动.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;
├─{15}--第15章 【实战】开发问卷编辑器 part3 - 聚焦高级功能：
│&nBSp; &nBSp;&nBSp; &nBSp;15-1 -在图层中修改组件标题-动态切换input和文本.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;15-2 -图层-切换组件的hidden和locked.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;15-3 -动态切换右侧taBS-根据选中组件动态切换属性和页面.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;15-4 -设置页面信息-定义Redux数据结构.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;15-5 -设置页面信息-修改表单同步到Redux中.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;15-6 -修改网页标题-和右侧网页信息表单数据联通.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;15-7 -保存问卷信息-判断loADing防止连续触发.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;15-8 -监听内容变化，自动保存-不是定期保存.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;15-9 -发布问卷-更新isPublished属性.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;15-10 -组件列表拖拽排序-选择第三方库dnd-kit.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;15-11 -演示dnd-kit拖拽排序.mov.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;15-12 -在dnd-kit示例中模拟组件列表的数据结构.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;15-13 -组件列表拖拽排序-抽离公共组件SortableCo.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;15-14 -组件列表拖拽排序-应用与画布和图层.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;15-15 -工具栏补充上移下移功能-和拖拽排序类似.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;15-16 -撤销重做的基本原理.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;15-17 -实现Redux的撤销重做功能-使用TodoList.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;15-18 -问卷编辑器增加撤销重做-定义Redux数据类型.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;15-19 -问卷编辑器增加撤销重做-工具栏按钮和快捷键.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;15-20 -章总结.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;
├─{16}--第16章 【实战】问卷数据统计 - 有统计数据才能体现完整项目的
│&nBSp; &nBSp;&nBSp; &nBSp;16-1 -章开始.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;16-2 -问卷和答卷的区别-一个是题目一个是答案.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;16-3 -需求分析-详细分析每个功能点.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;16-4 -获取问卷信息-判断isPublished给出提示.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;16-5 -页面UI布局-增加oADing效果-part1.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;16-6 -头部组件的UI布局.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;16-7 -头部组件-拷贝URL，生成二维码.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;16-8 -左侧显示组件列表-通过状态提升存储selectedI.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;16-9 -答卷的数据结构设计-开发答卷列表的前提.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;16-10 -答卷的数据结构设计-把结果写到Mock服务.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;16-11 -显示答卷列表-使用useRequest获取数据-p.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;16-12 -显示统计表格-需根据componentList自定.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;16-13 -显示统计列表-实现分页功能.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;16-14 -选择第三方图表库-最终选择Recharts.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;16-15 -使用Recharts演示饼图PieChart.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;16-16 -使用Recharts演示柱状图BarChart.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;16-17 -设计图表统计的数据结构，并写到Mock服务中.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;16-18 -为QuestionRADio扩展统计组件.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;16-19 -为QuestionCheckbox扩展统计组件.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;16-20 -章总结.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;
├─{17}--第17章 【实战】NEXT.js开发C端 - 学习React技术
│&nBSp; &nBSp;&nBSp; &nBSp;17-1 -章介绍.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;17-2 -介绍SSR，它的优缺点，和CSR的区别，以及应用场景.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;17-3 -使用NEXT.js创建项目并启动.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;17-4 -初试NEXT.js功能-扩展页面，使用API.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;17-5 -介绍StaticGeneration-构建时生成ht.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;17-6 -介绍Server-side-rendering-每次.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;17-7 -定义动态路由，获取url参数.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;17-8 -选择form提交数据-和B端统计页做数据匹配.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;17-9 -创建QuestionInput组件，并引入到页面中.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;17-10 -创建QuestionRADio组件，并引入到页面中.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;17-11 -创建form表单-使用隐藏域存储questionI.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;17-12 -新建API，并提交form表单.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;17-13 -创建Mock接口，跑通前后端完整流程.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;17-14 -抽离PageWrAPPer组件，统一定义HeAD.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;17-15 -获取问卷数据，并校验是否正常.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;17-16 -根据问卷组件列表，动态渲染表单.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;17-17 -扩展表单组件Title，PaRAGraph和Inf.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;17-18 -扩展表单组件TextArea和Checkbox.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;17-19 -单独解决Checkbox组件的特殊性-合并多个va.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;17-20 -章总结.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;
├─{18}--第18章 【实战】React性能优化 - 将 mAIn.js代码
│&nBSp; &nBSp;&nBSp; &nBSp;18-1 -章介绍【缺】
│&nBSp; &nBSp;&nBSp; &nBSp;18-2 -useState传入函数，只在组件渲染时执行一次.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;18-3 -使用useMEMO缓存B端统计页的链接和二维码Ele.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;18-4 -使用useCallback缓存添加组件的函数.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;18-5 -使用React.mEMO优化子组件更新.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;18-6 -分析B端构建出的bundle文件，体积太大，需要拆分.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;18-7 -配置路由懒加载，拆分编辑页和统计页，优化代码体积.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;18-8 -抽离公共代码Antd和React，合理使用HTTP缓.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;18-9 -CRA根据路由懒加载自动拆分CSS文件.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;18-10 -章总结.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;
├─{19}--第19章 【实战】React 测试 - 项目有测试，睡觉才踏实（
│&nBSp; &nBSp;&nBSp; &nBSp;19-1 -章介绍.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;19-2 -单元测试入门，使用jest写测试用例.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;19-3 -写QuestionInfo组件的单元测试，学习新的断.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;19-4 -写QuestionTitle和QuestionPar.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;19-5 -写QuestionInput和QuestionTex.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;19-6 -写QuestionRADio组件的单元测试-通过va.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;19-7 -写QuestionCheckbox组件的单元测试-获.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;19-8 -使用Pre-commit做自动化测试，有问题的代码不.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;19-9 -可视化测试-安装Storybook并演示例子.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;19-10 -使用StoryBook写QuestionInfo组.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;19-11 -讲解TS中typeof语法，和JS的typeof不.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;19-12 -使用StoryBook写其他组件的可视化测试.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;19-13 -章总结.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;
├─{20}--第20章 课程总结
│&nBSp; &nBSp;&nBSp; &nBSp;20-1 -关于项目的服务端.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;20-2 -课程总结.mp4
│&nBSp; &nBSp;&nBSp; &nBSp;
│&nBSp; &nBSp;&nBSp; &nBSp;
└─代码
&nBSp; &nBSp;&nBSp; &nBSp;&nBSp;&nBSp;React-question-code-master.zIP
&nBSp; &nBSp;&nBSp; &nBSp;&nBSp;&nBSp;React-question-wiki-master.zIP

*声明：课程资源购自网络，版权归原作者所有，仅供参考学习使用，严禁外传及商用，若侵犯到您的权益请联系客服删除。