React18+Next.js14+Nest.js全栈开发复杂低代码项目-仿问卷星（21章完结）

资源介绍

手机端访问

📂 资源目录23 个文件夹314 个文件合计 18.7GB全部展开 | 全部收起

📁AA_0077——mksz646-React18+Next.js14+Nest.js全栈开发复杂低代码项目-仿问卷星（21章完结）22 个文件夹 · 314 个文件

▶📁 第21章【二期】使用 Nest.js 开发项目服务端（2024 新增）27 个文件

📄21-1 介绍.mp433.5MB

📄21-2 创建nestjs项目.mp454.1MB

📄21-3 创建question模块【】.mp472.6MB

📄21-4 路由常见功能：query，param和request-body【】.mp4123.9MB

📄21-5 使用interceptor和filter统一路由返回格式.mp4127.7MB

📄21-6 安装Mongodb数据库，并用Compass连接.mp456.9MB

📄21-7 使用nestjs连接mongodb数据库，并抽离配置信息【】.mp497.3MB

📄21-8 创建schema数据模型，并同步到Mongodb数据库.mp470.7MB

📄21-9 使用service操作数据库，创建问卷和查找问卷.mp4105.2MB

📄21-10 实现Mongodb的搜索和分页.mp4174.3MB

📄21-11 创建 user 模块，并开发用户注册功能.mp4157.6MB

📄21-12 创建auth模块，开发用户登录功能.mp4121.4MB

📄21-13 增加JWT校验，登录时返回token字符串【】.mp4162.9MB

📄21-14 增加Guard校验，验证并解析token字符串.mp4255.6MB

📄21-15 设置JWT全局验证，增加自定义Public机制.mp4140.6MB

📄21-16 Redirect重定向user路由，以符合现有的API设计规范.mp481.2MB

📄21-17 完善问卷schema数据模型.mp4107.3MB

📄21-18 完善问卷的增删改查功能细节.mp4165.5MB

📄21-19 开发复制问卷功能.mp4105.0MB

📄21-20 前端和服务端联调，测试问卷各个功能.mp454.0MB

📄21-21 开发答卷功能，创建答卷的路由【】.mp4108.7MB

📄21-22 和C端联调，测试提交答卷的功能.mp4136.6MB

📄21-23 开发统计功能，创建 stat 模块.mp4100.7MB

📄21-24 开发单个问卷的统计功能.mp4197.8MB

📄21-25 开发单个组件的统计功能.mp4115.8MB

📄21-26 和B端联调，测试统计功能.mp431.9MB

📄21-27 章总结【】.mp425.4MB

▶📁 资料4 个文件

📄笔记.exe371.7KB

📄react-question-code-master.zip2.1MB

📄react-question-wiki-master.zip64.7KB

📄源码.exe1.4MB

▶📁 {1}--第1章开期准备3 个文件

📄[1.1]--1-1-导学.mp439.9MB

📄[1.2]--1-2-功能介绍.mp436.4MB

📄[1.3]--1-3-课程安排-即学即用，渐进式开发项目.mp412.7MB

▶📁 {2}--第2章【入门】什么是ReactReact引领了现代前端开发的变革8 个文件

📄[2.1]--2-1-章介绍.mp47.4MB

📄[2.2]--2-2-React是全球最火爆的前端框架.mp474.0MB

📄[2.3]--2-3-React其实非常简单-但需要你熟悉J语法.mp421.6MB

📄[2.4]--2-4-看几个示例来体会React的代码逻辑.mp474.1MB

📄[2.5]--2-5-React核心价值-组件化.mp431.0MB

📄[2.6]--2-6-React核心价值-数据驱动视图.mp435.3MB

📄[2.7]--2-7-课程安排-即学即用，渐进式开发项目.mp412.7MB

📄[2.8]--2-8-章总结.mp46.5MB

▶📁 {3}--第3章【基础】创建React项目开发环境-代码未动，环境先行11 个文件

📄[3.1]--3-1-章介绍.mp411.7MB

📄[3.2]--3-2-准备工作-安装必备软件.mp431.4MB

📄[3.3]--3-3-使用Create-React-App创建项目-React.mp454.5MB

📄[3.4]--3-4-使用Vite创建React项目-Vite是前端热门工具.mp435.1MB

📄[3.5] -使用eslint检查代码语法错误-提前识别，防患于未然.mp471.0MB

📄[3.6]--3-6-使用prettier规范代码风格-统一风格，多人开发也不.mp450.7MB

📄[3.7]--3-7-提交代码到git仓库-选择国内平台.mp433.5MB

📄[3.8]--3-8-使用husky执行pre-commit检查-把非规范代码.mp435.3MB

📄[3.9]--3-9-使用commit-lint规范commit提交格式-让g.mp433.8MB

📄[3.10]--3-10-vite和webpack的区别-vite使用E.mp471.9MB

📄[3.11]--3-11-章总结.mp48.3MB

▶📁 {4}--第4章【基础】JSX语法和组件基础-学完即可开发一个静态页面15 个文件

📄[4-12] -组件props-父子组件通讯的桥梁.mp4155.3MB

📄[4.1]--4-1-章介绍.mp48.5MB

📄[4.2]--4-2-JX语法和HTML相似-很容易学习.mp488.4MB

📄[4.3]--4-3-JX的标签-和HTML标签有几点不同.mp432.6MB

📄[4.4]--4-4-JX的属性-style改动非常大.mp436.7MB

📄[4.5]--4-5-JX中监听DOM事件-遇到了Typescript类型问.mp469.1MB

📄[4.6]--4-6-补充Typescript类型基础知识-解答上一节的困惑.mp4102.0MB

📄[4.7]--4-7-JX中插入J变量和表达式-让JX真正融入J代码中.mp430.7MB

📄[4.8]--4-8-JX中使用条件判断-让JX具备if-else能力.mp433.4MB

📄[4.9]--4-9-JX中使用循环-让JX真正动起来.mp449.3MB

📄[4.10]--4-10-实战-开发项目列表页-即学即用效果好.mp471.1MB

📄[4.11]--4-11-React组件基础-拆分UI结构，便于开发维护和复用.mp4120.1MB

📄[4.13]--4-13-React开发者工具-让React调试更简单.mp455.4MB

📄[4.14]--4-14-加餐-JX和Vue模板的区别-体现两者设计理念的差异.mp432.1MB

📄[4.15]--4-15-章总结.mp48.6MB

▶📁 {5}--第5章【基础】ReactHooks-处理逻辑监听状态，让页面动起20 个文件

📄[5.1]--5-1-章介绍.mp48.7MB

📄[5.2]--5-2-usetate让页面“动”起来.mp451.7MB

📄[5.3]--5-3-state一个组件的“独家记忆”.mp422.6MB

📄[5.4]--5-4-state特点-异步更新，合并后更新.mp462.2MB

📄[5.5]--5-5state特点-不可变数据-非常重要的概念.mp473.2MB

📄[5.6]--5-6实战-重构列表页-用usetate实现增、删、改.mp4131.2MB

📄[5.7]--5-7使用immer修改state-帮你摆脱“不可变.mp497.3MB

📄[5.8]--5-8实战-重构列表页-使用immer让开发更简单.mp441.9MB

📄[5.9]--5-9useEffect监听组件生命周期-创建、更新、销毁.mp4115.5MB

📄[5.10]--5-10useEffect在开发环境下执行两次-模拟全流程，及早.mp437.2MB

📄[5.11]--5-11用useRef操作DOM元素-React的ref和Vue.mp4103.1MB

📄[5.12]--5-12使用useMemo缓存数据-React中常见的性能优化手.mp485.4MB

📄[5.13]--5-13使用useCallback缓存函数.mp442.8MB

📄[5.14]--5-14自定义Hooks-ReactHooks的正确打开方式.mp472.0MB

📄[5.15]--5-15使用自定义Hook获取鼠标位置-组件公共逻辑抽离和复用.mp466.7MB

📄[5.16]--5-16使用自定义Hook异步加载数据-模拟异步场景.mp448.7MB

📄[5.17]--5-17使用第三方Hooks-ahooks和react-use.mp462.0MB

📄[5.18]--5-18Hooks的三条使用规则.mp438.4MB

📄[5.19]--5-19Hooks闭包陷阱-React常考面试题.mp461.4MB

📄[5.20]--5-20章总结.mp48.1MB

▶📁 {6}--第6章【基础】在React中使用CSS样式-为页面“11 个文件

📄[6.1]--章介绍.mp422.3MB

📄[6.2]--6-2普通方式使用C-尽量不要用内联style.mp465.7MB

📄[6.3]--6-3C-Module解决className可能会重复的问题.mp470.1MB

📄[6.4]--6-4使用ass语法-提高C编码效率.mp481.6MB

📄[6.5]--6-5C-in-J常用工具之tyled-componen.mp4113.0MB

📄[6.6]--6-6J函数后加字符串的调用形式-解决tyle-compon.mp421.8MB

📄[6.7]--6-7C-in-J常用工具之tyled-jsx和Emot.mp442.3MB

📄[6.8]--6-8实战-增加C样式-创建正式项目环境.mp496.8MB

📄[6.9]--6-9实战-为列表页增加C样式.mp479.5MB

📄[6.10]--6-10实战-为QuestionCard组件增加C样式.mp470.7MB

📄[6.11]--6-11章总结.mp47.0MB

▶📁 {7}--第7章【中级】React-router路由-配置多页面，由单页变9 个文件

📄[7.1]--7-1章介绍.mp428.0MB

📄[7.2]--7-2路由设计-确定网址和页面的关系.mp466.9MB

📄[7.3]--7-3设计Layout模板-抽离公共部分，代码复用.mp420.0MB

📄[7.4]--7-4路由开发-创建所有页面.mp450.1MB

📄[7.5]--7-5路由开发-创建3个Layout和使用Outlet.mp459.5MB

📄[7.6]--7-6使用React-Router配置路由-实现了多页面.mp484.0MB

📄[7.7]--7-7使用路由API-跳转页面和获取参数.mp452.3MB

📄[7.8]--7-8章总结.mp45.3MB

📄[7.9]--7-9自定义网页标题和favicon.mp446.6MB

▶📁 {8}--第8章【基础】使用AntDesignUI组件库-常用组件拿来即用16 个文件

📄[8.1]--8-1章介绍.mp415.5MB

📄[8.2]--8-2介绍React世界中常用的几个UI组件库.mp426.3MB

📄[8.3]--8-3安装和使用Ant-Design.mp431.3MB

📄[8.4]--8-4使用AntD重构MainLayout-体现AntD布局能力.mp484.6MB

📄[8.5]--8-5使用AntD重构ManageLayout-灵活使用Butt.mp496.0MB

📄[8.6]--8-6使用AntD开发Logo组件.mp447.5MB

📄[8.7]--8-7开发UserInfo组件.mp425.2MB

📄[8.8]--8-8使用AntD开发首页.mp439.3MB

📄[8.9]--8-9使用AntD快速制作漂亮的404页面.mp424.4MB

📄[8.10]--8-10使用AntD重构QuestionCard组件-得到了最终.mp491.3MB

📄[8.11]--8-11使用AntD的confirm功能-展示AntD的交互能力.mp438.3MB

📄[8.12]--8-12使用AntD开发星标问卷列表页.mp436.3MB

📄[8.13]--8-13使用AntD开发回收站页面-使用Table组件.mp490.9MB

📄[8.14]--8-14开发回收站的恢复和删除-为表格增加了选择功能.mp498.2MB

📄[8.15]--8-15加餐-介绍TailWind-C.mp431.6MB

📄[8.16]--8-16章总结.mp422.2MB

▶📁 {9}--第9章【中级】React表单组件-接收用户输入，让用户和页面互动14 个文件

📄[9.1]--9-1章介绍.mp47.7MB

📄[9.2]--9-2什么是受控组件-React表单组件的重要概念.mp460.2MB

📄[9.3]--9-3使用textarea组件-通过dangerouslyet.mp440.6MB

📄[9.4]--9-4使用radio单选按钮-受控组件的设计思路.mp435.1MB

📄[9.5]--9-5使用checkbox复选按钮-模拟真实的业务场景.mp470.4MB

📄[9.6]--9-6使用select下拉框组件.mp427.8MB

📄[9.7]--9-7使用form组件和submit方法.mp437.6MB

📄[9.8]--9-8使用AntD开发Listearch搜索组件.mp463.2MB

📄[9.9]--9-9Listearch搜索修改URL参数-体现组件设计的解耦.mp4106.6MB

📄[9.10]--9-10使用AntD的Form组件开发注册页.mp4115.1MB

📄[9.11]--9-11使用AntD的Form组件开发登录页，并实现&ldquo.mp4106.4MB

📄[9.12]--9-12使用AntD表单组件的校验功能，校验用户名和密码的格式.mp470.3MB

📄[9.14]--9-14使用第三方表单校验工具Formik.mp445.2MB

📄[9.15]--9-15章总结.mp45.5MB

▶📁 {10}--第10章【中级】Ajax 网络请求 part1 - 搭建 Mo16 个文件

📄[10.1]--10-1 章介绍.mp47.7MB

📄[10.2]--10-2 关于Ajax的基础知识、API和工具.mp420.7MB

📄[10.3]--10-3 使用mockjs模拟Ajax请求.mp4144.4MB

📄[10.4]--10-4 在nodejs中使用mockjs-使用Random轻松.mp471.5MB

📄[10.5]--10-5 使用nodejs启动服务，模拟get请求.mp460.0MB

📄[10.6]--10-6 模拟post请求，并使用postman测试.mp447.3MB

📄[10.7]--10-7 使用craco.js扩展webpack配置-使用dev.mp460.0MB

📄[10.8]--10-8 介绍几个在线mock平台-谨慎使用.mp45.0MB

📄[10.9]--10-9 API设计-使用Restful API规范.mp4130.0MB

📄[10.10]--10-10 配置axios的response拦截器-统一处理错误.mp4115.9MB

📄[10.11]--10-11 开发新建问卷功能-设置loading状态以优化体验.mp444.4MB

📄[10.12]--10-12 开发获取问卷信息功能-使用自定义Hook抽离公共逻辑.mp457.8MB

📄[10.13]--10-13 使用useRequest重构Ajax请求-统一处理l.mp455.1MB

📄[10.14]--10-14 使用useRequest获取问卷列表.mp4119.0MB

📄[10.15]--10-15 给列表增加搜索功能-使用第三方Hook抽离组件公共逻.mp483.8MB

📄[10.16]--10-16 使用useRequest开发星标和回收站页面.mp484.7MB

▶📁 {11}--第11章【中级】Ajax 网络请求 part2 - 一次学习多18 个文件

📄[11.1]--11-1 开发分页功能-定义URL参数page和pageize.mp487.6MB

📄[11.2]--11-2 实现列表分页功能-使用Antd的Pagination组.mp4124.3MB

📄[11.3]--11-3 LoadMore上划加载更多-设计组件的state.mp452.6MB

📄[11.4]--11-4 LoadMore上划加载更多-使用防抖监听scroll.mp460.7MB

📄[11.5]--11-5 LoadMore上划加载更多-根据DOM位置判断加载时.mp461.1MB

📄[11.6]--11-6 LoadMore上划加载更多-真正加载数据.mp472.2MB

📄[11.7]--11-7 LoadMore上划加载更多-优化功能体验.mp463.3MB

📄[11.8]--11-8 开发问卷标星功能.mp488.1MB

📄[11.9]--11-9 开发问卷复制功能.mp446.7MB

📄[11.10]--11-10 开发删除问卷功能-修改信息“假删除&rd.mp434.8MB

📄[11.11]--11-11 开发恢复问卷功能-使用for-awiat-of处理多.mp459.8MB

📄[11.12]--11-12 开发彻底删除功能.mp438.8MB

📄[11.13]--11-13 介绍JWT-用户登录校验的技术方案.mp432.5MB

📄[11.14]--11-14 开发用户的mock和services.mp464.2MB

📄[11.15]--11-15 开发注册和登录功能.mp455.0MB

📄[11.16]--11-16 存储token，并使用axios拦截器附加token.mp457.5MB

📄[11.17]--11-17 开发获取用户信息，以及退出登录.mp451.0MB

📄[11.18]--11-18 -章总结.mp48.7MB

▶📁 {12}--第12章【中级】Redux 状态管理 - 复杂项目的数据管理形22 个文件

📄[12.1]--12-1 章介绍.mp413.6MB

📄[12.2]--12-2 什么是状态管理，为何要用状态管理.mp445.5MB

📄[12.3]--12-3 使用Context实现跨组件跨层级传递数据.mp472.3MB

📄[12.4]--12-4 学习使用useReducer-提前了解redux的概念.mp482.1MB

📄[12.5]--12-5 使用useReducer开发TodoList-定义in.mp471.2MB

📄[12.6]--12-6 使用useReducer开发TodoList-使用di.mp456.1MB

📄[12.7]--12-7 使用Context和useReducer实现跨组件通讯.mp450.1MB

📄[12.8]--12-8 介绍Redux-React世界最流行的状态管理工具.mp412.1MB

📄[12.9]--12-9 使用Redux实现数字加减法-认识Reducer和Ac.mp486.4MB

📄[12.10]--12-10 使用Redux实现数字加减法-使用useelect.mp450.2MB

📄[12.11]--12-11 使用Redux实现TodoList-展示复杂数据结构.mp461.7MB

📄[12.12]--12-12 使用Redux实现TodoList-传入Action.mp481.2MB

📄[12.13]--12-13 Redux单项数据流-动图体验数据流转过程.mp411.0MB

📄[12.14]--12-14 Redux开发者工具-方便跟踪和调试.mp413.3MB

📄[12.15]--12-15 介绍MobX-可以像Vue一样声明式的修改数据.mp4109.5MB

📄[12.16]--12-16 使用MobX开发TodoList-创建数据模型.mp480.3MB

📄[12.17]--12-17 使用MobX开发TodoList-数据的显示和操作.mp4109.9MB

📄[12.18]--12-18 使用Redux管理用户信息-定义store和redu.mp469.2MB

📄[12.19]--12-19 使用Redux管理用户信息-使用useelecto.mp450.7MB

📄[12.20]--12-20 使用自定义Hook统一加载用户信息，并存储到redu.mp476.6MB

📄[12.21]--12-21 根据用户登录状态动态跳转页面-使用自定义Hook统一.mp474.7MB

📄[12.22]--12-22 章总结.mp48.1MB

▶📁 {13}--第13章【实战】开发问卷编辑器 part1 - 寻找突破口，用20 个文件

📄[13.1]--13-1 -章介绍.mp46.7MB

📄[13.2]--13-2 -需求分析-详细演示各个功能.mp452.3MB

📄[13.3]--13-3 -分析UI界面，如何拆分组件.mp445.2MB

📄[13.4]--13-4 -开发UI组件拆分-实现画布Y轴滚动.mp451.7MB

📄[13.5]--13-5 -定义画布中的两个组件-Title和Input.mp4146.2MB

📄[13.6]--13-6 -把Title和Input组件显示到画布上.mp449.4MB

📄[13.7]--13-7 -定义问卷组件的数据结构-这是动态渲染画布的前提.mp455.2MB

📄[13.8]--13-8 -把组件列表存储到Redux store-统一各个组件.mp453.0MB

📄[13.9]--13-9 -把组件列表存储到Redux store-重构useL.mp466.4MB

📄[13.10]--13-10 -定义组件配置-可根据type找到组件.mp456.1MB

📄[13.11]--13-11 -在画布上动态显示组件列表-梳理完整的流程.mp442.8MB

📄[13.12]--13-12 -点击画布选中组件-通过selectedId全局共享.mp484.0MB

📄[13.13]--13-13 -组件库-组件按类型分组.mp472.9MB

📄[13.14]--13-14 -把组件分组显示在组件库中.mp423.3MB

📄[13.15]--13-15 -点击组件库中的组件，添加到画布中.mp448.2MB

📄[13.16]--13-16 -解释为何要使用fe_id.mp419.6MB

📄[13.17]--13-17 -定义属性表单，用于修改组件的属性.mp478.6MB

📄[13.18]--13-18 -根据选中的组件，动态显示属性表单.mp469.4MB

📄[13.19]--13-19 -修改组件属性，并同步到画布中.mp468.1MB

📄[13.20]--13-20 -定义EditHeader组件，实现返回功能.mp471.8MB

▶📁 {14}--第14章【实战】开发问卷编辑器 part2 - 增加其他组件，16 个文件

📄[14.1]--14-1 -工具栏-删除组件，并重新计算selectedId-p.mp481.8MB

📄[14.2]--14-2 -工具栏-隐藏组件，并重新计算selectedId-p.mp472.3MB

📄[14.3]--14-3 -工具栏-锁定和解锁组件，动态禁用属性表单.mp462.3MB

📄[14.4]--14-4 -工具栏-复制和粘贴组件-结合addComponent.mp498.8MB

📄[14.5]--14-5 -在画布增加快捷键-需提前判断ActiveElemen.mp466.5MB

📄[14.6]--14-6 -快捷键-选中上一个，选中下一个.mp459.6MB

📄[14.7]--14-7 -增加Paragraph组件-体现编辑器组件机制的扩展.mp4174.1MB

📄[14.8]--14-8 -为Paragraph组件增加换行功能-充分考虑安全性.mp456.8MB

📄[14.9]--14-9 -增加QuestoinInfo组件-整合标题和段落.mp492.7MB

📄[14.10]--14-10 -根据QuestionInput改造出Questio.mp436.4MB

📄[14.11]--14-11 -学习Antd的Radio组件，并定义属性类型.mp486.2MB

📄[14.12]--14-12 -创建QuestionRadio的Component.mp490.7MB

📄[14.13]--14-13 -开发QuestionRadio属性表单-可动态添加.mp4114.5MB

📄[14.14]--14-14 -QuestionRadio属性表单变化，同步到画布.mp481.3MB

📄[14.15]--14-15 -创建QuestionCheckbox组件，并显示在.mp496.0MB

📄[14.16]--14-16 -开发QuestionCheckbox属性表单-可动.mp458.7MB

▶📁 {15}--第15章【实战】开发问卷编辑器 part3 - 聚焦高级功能：20 个文件

📄[15.1]--15-1 -在图层中修改组件标题-动态切换input和文本.mp460.9MB

📄[15.2]--15-2 -图层-切换组件的hidden和locked.mp459.6MB

📄[15.3]--15-3 -动态切换右侧tabs-根据选中组件动态切换属性和页面.mp473.4MB

📄[15.4]--15-4 -设置页面信息-定义Redux数据结构.mp493.2MB

📄[15.5]--15-5 -设置页面信息-修改表单同步到Redux中.mp474.0MB

📄[15.6]--15-6 -修改网页标题-和右侧网页信息表单数据联通.mp466.4MB

📄[15.7]--15-7 -保存问卷信息-判断loading防止连续触发.mp478.4MB

📄[15.8]--15-8 -监听内容变化，自动保存-不是定期保存.mp431.6MB

📄[15.9]--15-9 -发布问卷-更新isPublished属性.mp434.4MB

📄[15.10]--15-10 -组件列表拖拽排序-选择第三方库dnd-kit.mp4159.7MB

📄[15.11]--15-11 -演示dnd-kit拖拽排序.mov.mp492.3MB

📄[15.12]--15-12 -在dnd-kit示例中模拟组件列表的数据结构.mp435.8MB

📄[15.13]--15-13 -组件列表拖拽排序-抽离公共组件ortableCo.mp481.0MB

📄[15.14]--15-14 -组件列表拖拽排序-应用与画布和图层.mp470.0MB

📄[15.15]--15-15 -工具栏补充上移下移功能-和拖拽排序类似.mp455.0MB

📄[15.16]--15-16 -撤销重做的基本原理.mp434.7MB

📄[15.17]--15-17 -实现Redux的撤销重做功能-使用TodoList.mp482.8MB

📄[15.18]--15-18 -问卷编辑器增加撤销重做-定义Redux数据类型.mp432.3MB

📄[15.19]--15-19 -问卷编辑器增加撤销重做-工具栏按钮和快捷键.mp438.5MB

📄[15.20]--15-20 -章总结.mp46.8MB

▶📁 {16}--第16章【实战】问卷数据统计 - 有统计数据才能体现完整项目的20 个文件

📄[16.1]--16-1 -章开始.mp423.6MB

📄[16.2]--16-2 -问卷和答卷的区别-一个是题目一个是答案.mp425.7MB

📄[16.3]--16-3 -需求分析-详细分析每个功能点.mp440.0MB

📄[16.4]--16-4 -获取问卷信息-判断isPublished给出提示.mp489.0MB

📄[16.5]--16-5 -页面UI布局-增加oading效果-part1.mp465.0MB

📄[16.6]--16-6 -头部组件的UI布局.mp454.3MB

📄[16.7]--16-7 -头部组件-拷贝URL，生成二维码.mp474.7MB

📄[16.8]--16-8 -左侧显示组件列表-通过状态提升存储selectedI.mp460.7MB

📄[16.9]--16-9 -答卷的数据结构设计-开发答卷列表的前提.mp469.4MB

📄[16.10]--16-10 -答卷的数据结构设计-把结果写到Mock服务.mp499.2MB

📄[16.11]--16-11 -显示答卷列表-使用useRequest获取数据-p.mp490.6MB

📄[16.12]--16-12 -显示统计表格-需根据componentList自定.mp492.0MB

📄[16.13]--16-13 -显示统计列表-实现分页功能.mp435.5MB

📄[16.14]--16-14 -选择第三方图表库-最终选择Recharts.mp459.3MB

📄[16.15]--16-15 -使用Recharts演示饼图PieChart.mp493.0MB

📄[16.16]--16-16 -使用Recharts演示柱状图BarChart.mp439.9MB

📄[16.17]--16-17 -设计图表统计的数据结构，并写到Mock服务中.mp4152.4MB

📄[16.18]--16-18 -为QuestionRadio扩展统计组件.mp469.6MB

📄[16.19]--16-19 -为QuestionCheckbox扩展统计组件.mp437.8MB

📄[16.20]--16-20 -章总结.mp46.2MB

▶📁 {17}--第17章【实战】Next.js开发C端 - 学习React技术20 个文件

📄[17.1]--17-1 -章介绍.mp47.8MB

📄[17.2]--17-2 -介绍R，它的优缺点，和CR的区别，以及应用场景.mp441.8MB

📄[17.3]--17-3 -使用Next.js创建项目并启动.mp433.8MB

📄[17.4]--17-4 -初试Next.js功能-扩展页面，使用API.mp437.2MB

📄[17.5]--17-5 -介绍taticGeneration-构建时生成ht.mp4108.7MB

📄[17.6]--17-6 -介绍erver-side-rendering-每次.mp428.7MB

📄[17.7]--17-7 -定义动态路由，获取url参数.mp438.7MB

📄[17.8]--17-8 -选择form提交数据-和B端统计页做数据匹配.mp452.2MB

📄[17.9]--17-9 -创建QuestionInput组件，并引入到页面中.mp459.7MB

📄[17.10]--17-10 -创建QuestionRadio组件，并引入到页面中.mp455.4MB

📄[17.11]--17-11 -创建form表单-使用隐藏域存储questionI.mp448.7MB

📄[17.12]--17-12 -新建API，并提交form表单.mp479.7MB

📄[17.13]--17-13 -创建Mock接口，跑通前后端完整流程.mp463.2MB

📄[17.14]--17-14 -抽离PageWrapper组件，统一定义Head.mp462.5MB

📄[17.15]--17-15 -获取问卷数据，并校验是否正常.mp467.9MB

📄[17.16]--17-16 -根据问卷组件列表，动态渲染表单.mp446.2MB

📄[17.17]--17-17 -扩展表单组件Title，Paragraph和Inf.mp465.8MB

📄[17.18]--17-18 -扩展表单组件TextArea和Checkbox.mp470.9MB

📄[17.19]--17-19 -单独解决Checkbox组件的特殊性-合并多个va.mp465.4MB

📄[17.20]--17-20 -章总结.mp44.8MB

▶📁 {18}--第18章【实战】React性能优化 - 将 main.js代码9 个文件

📄[18.2]--18-2 -usetate传入函数，只在组件渲染时执行一次.mp472.9MB

📄[18.3]--18-3 -使用useMemo缓存B端统计页的链接和二维码Ele.mp471.8MB

📄[18.4]--18-4 -使用useCallback缓存添加组件的函数.mp418.1MB

📄[18.5]--18-5 -使用React.memo优化子组件更新.mp451.5MB

📄[18.6]--18-6 -分析B端构建出的bundle文件，体积太大，需要拆分.mp456.1MB

📄[18.7]--18-7 -配置路由懒加载，拆分编辑页和统计页，优化代码体积.mp457.8MB

📄[18.8]--18-8 -抽离公共代码antd和react，合理使用HTTP缓.mp4103.4MB

📄[18.9]--18-9 -CRA根据路由懒加载自动拆分C文件.mp47.5MB

📄[18.10]--18-10 -章总结.mp42.9MB

▶📁 {19}--第19章【实战】React 测试 - 项目有测试，睡觉才踏实（13 个文件

📄[19.1]--19-1 -章介绍.mp420.3MB

📄[19.2]--19-2 -单元测试入门，使用jest写测试用例.mp473.2MB

📄[19.3]--19-3 -写QuestionInfo组件的单元测试，学习新的断.mp458.6MB

📄[19.4]--19-4 -写QuestionTitle和QuestionPar.mp457.6MB

📄[19.5]--19-5 -写QuestionInput和QuestionTex.mp427.8MB

📄[19.6]--19-6 -写QuestionRadio组件的单元测试-通过va.mp450.7MB

📄[19.7]--19-7 -写QuestionCheckbox组件的单元测试-获.mp441.2MB

📄[19.8]--19-8 -使用pre-commit做自动化测试，有问题的代码不.mp429.7MB

📄[19.9]--19-9 -可视化测试-安装Storybook并演示例子.mp467.6MB

📄[19.10]--19-10 -使用toryBook写QuestionInfo组.mp439.8MB

📄[19.11]--19-11 -讲解TS中typeof语法，和JS的typeof不.mp425.9MB

📄[19.12]--19-12 -使用StoryBook写其他组件的可视化测试.mp410.5MB

📄[19.13]--19-13 -章总结.mp47.4MB

▶📁 {20}--第20章课程总结2 个文件

📄[20.1]--20-1 -关于项目的服务端.mp411.7MB

📄[20.2]--20-2 -课程总结.mp442.6MB

推荐资源

官方客服