解决前后端分离下的工程化痛点
这套课程的核心价值在于,它不只是教你怎么画页面,而是试图解决从 B 端管理后台到 C 端用户终端,全栈开发中真正棘手的工程化问题。很多开发者在掌握了基础的 React 和 TypeScript 后,面对复杂的业务逻辑、服务端渲染(SSR)以及性能优化时会感到迷茫。这里重点讲解了 Next.js 13 在 App Router 模式下的路由设计,以及如何利用 React 18 的并发特性优化交互体验。它特别强调“业务与技术的双闭环”,意味着你会看到一个功能需求是如何拆解成具体的组件结构,再到服务端数据获取,最后通过测试验证完整流程。这种闭环思维比单纯堆砌 API 文档更有实战意义,适合那些已经能写简单前端页面,但卡在如何构建可维护、可扩展的全栈应用层级的学习者。适合什么基础与学习侧重
前提是你必须熟悉 JavaScript 现代语法,尤其是 ES6 及以上的特性,并且对 React Hooks 有基本理解。如果你连 `useState` 和 `useEffect` 都还没吃透,直接上手 Next.js 会非常痛苦,建议先补齐 React 基础。这门课对 TypeScript 的要求很高,因为它贯穿了整个全栈开发流程,从类型定义到接口对接。对于纯前端转全栈的工程师,这部分会帮你补齐 Node.js 运行时和服务器交互的知识短板;对于有一定全栈基础的人,则重点关注 Next.js 13 相比旧版本在文件路由、数据加载方面的变化。课程中关于 B 端和 C 端的案例是精华所在,B 端侧重权限控制、表单复杂交互和数据表格处理,C 端则关注 SEO、首屏加载速度以及移动端适配。你可以先跳过头绪纷杂的基础回顾,直接定位到 Next.js 项目搭建和数据流管理章节,那里是区分“玩具项目”和“生产级应用”的关键分界线。学完能独立做什么及练习建议
学完这套资料包,你应当具备独立构建一个包含用户认证、角色权限、复杂业务逻辑以及服务端渲染的完整 Web 应用的能力。具体而言,你能独立完成从数据库建模、API 接口定义到前端页面渲染的全链路开发,并能解决常见的水合错误、状态提升难题。资料包中包含的项目源码是最好的练习场,不要只盯着视频看。建议采取“逆向拆解法”:先看最终成品,再对照代码逻辑,理解每一个中间件和组件的作用。比如,你可以尝试复现课程中的登录鉴权流程,或者修改 B 端后台的一个统计报表,观察数据是如何从数据库流经 API 再到图表组件的。重点练习使用 TypeScript 接口来约束前后端数据交互,这是保证大型项目稳定性的关键。遇到报错时,先读懂堆栈信息,再查阅 Next.js 官方文档关于错误码的说明,而不是盲目搜索片段代码。这种基于真实业务场景的调试过程,比写二十个静态页面更能提升你的全栈架构能力,也是未来在技术面试中体现深度的核心素材。mksz646-React18+Next.js13+TS,B端+C端完整业务+技术双闭环[完结]
本课程隶属 会员库 · MK实战课(一部分是老课) / 课程盒子6-mksz600至699,完整课程目录与配套资料如下。
课程目录
第10章 【中级】Ajax 网络请求 part1 - 搭建 Mock 服务,完成前后端通讯/ [10.10]--10-10 配置axios的response拦截器-统一处理错误_ev_ev.mp4 [10.11]--10-11 开发新建问卷功能-设置loading状态以优化体验_ev_ev.mp4 [10.12]--10-12 开发获取问卷信息功能-使用自定义Hook抽离公共逻辑_ev_ev.mp4 [10.13]--10-13 使用useRequest重构Ajax请求-统一处理l_ev_ev.mp4 [10.14]--10-14 使用useRequest获取问卷列表_ev_ev.mp4 [10.15]--10-15 给列表增加搜索功能-使用第三方Hook抽离组件公共逻_ev_ev.mp4 [10.16]--10-16 使用useRequest开发星标和回收站页面_ev_ev.mp4 [10.1]--10-1 章介绍_ev_ev.mp4 [10.2]--10-2 关于Ajax的基础知识、API和工具_ev_ev.mp4 [10.3]--10-3 使用mockjs模拟Ajax请求_ev_ev.mp4 [10.4]--10-4 在nodejs中使用mockjs-使用Random轻松_ev_ev.mp4 [10.5]--10-5 使用nodejs启动服务,模拟get请求_ev_ev.mp4 [10.6]--10-6 模拟post请求,并使用postman测试_ev_ev.mp4 [10.7]--10-7 使用craco.js扩展webpack配置-使用dev_ev_ev.mp4 [10.8]--10-8 介绍几个在线mock平台-谨慎使用_ev_ev.mp4 [10.9]--10-9 API设计-使用Restful API规范_ev_ev.mp4 第11章 【中级】Ajax 网络请求 part2 - 一次学习多种形式的列表和分页功能/ [11.10]--11-10 开发删除问卷功能-修改信息“假删除&rd_ev_ev.mp4 [11.11]--11-11 开发恢复问卷功能-使用for-awiat-of处理多_ev_ev.mp4 [11.12]--11-12 开发彻底删除功能_ev_ev.mp4 [11.13]--11-13 介绍JWT-用户登录校验的技术方案_ev_ev.mp4 [11.14]--11-14 开发用户的mock和services_ev_ev.mp4 [11.15]--11-15 开发注册和登录功能_ev_ev.mp4 [11.16]--11-16 存储token,并使用axios拦截器附加token_ev_ev.mp4 [11.17]--11-17 开发获取用户信息,以及退出登录_ev_ev.mp4 [11.18]--11-18 -章总结_ev_ev.mp4 [11.1]--11-1 开发分页功能-定义URL参数page和pageSize_ev_ev.mp4 [11.2]--11-2 实现列表分页功能-使用Antd的Pagination组_ev_ev.mp4 [11.3]--11-3 LoadMore上划加载更多-设计组件的state_ev_ev.mp4 [11.4]--11-4 LoadMore上划加载更多-使用防抖监听scroll_ev_ev.mp4 [11.5]--11-5 LoadMore上划加载更多-根据DOM位置判断加载时_ev_ev.mp4 [11.6]--11-6 LoadMore上划加载更多-真正加载数据_ev_ev.mp4 [11.7]--11-7 LoadMore上划加载更多-优化功能体验_ev_ev.mp4 [11.8]--11-8 开发问卷标星功能_ev_ev.mp4 [11.9]--11-9 开发问卷复制功能_ev_ev.mp4 第12章 【中级】Redux 状态管理 - 复杂项目的数据管理形式/ [12.10]--12-10 使用Redux实现数字加减法-使用useSelect_ev_ev.mp4 [12.11]--12-11 使用Redux实现TodoList-展示复杂数据结构_ev_ev.mp4 [12.12]--12-12 使用Redux实现TodoList-传入Action_ev_ev.mp4 [12.13]--12-13 Redux单项数据流-动图体验数据流转过程_ev_ev.mp4 [12.14]--12-14 Redux开发者工具-方便跟踪和调试_ev_ev.mp4 [12.15]--12-15 介绍MobX-可以像Vue一样声明式的修改数据_ev_ev.mp4 [12.16]--12-16 使用MobX开发TodoList-创建数据模型_ev_ev.mp4 [12.17]--12-17 使用MobX开发TodoList-数据的显示和操作_ev_ev.mp4 [12.18]--12-18 使用Redux管理用户信息-定义store和redu_ev_ev.mp4 [12.19]--12-19 使用Redux管理用户信息-使用useSelecto_ev_ev.mp4 [12.1]--12-1 章介绍_ev_ev.mp4 [12.20]--12-20 使用自定义Hook统一加载用户信息,并存储到redu_ev_ev.mp4 [12.21]--12-21 根据用户登录状态动态跳转页面-使用自定义Hook统一_ev_ev.mp4 [12.22]--12-22 章总结_ev_ev.mp4 [12.2]--12-2 什么是状态管理,为何要用状态管理_ev_ev.mp4 [12.3]--12-3 使用Context实现跨组件跨层级传递数据_ev_ev.mp4 [12.4]--12-4 学习使用useReducer-提前了解redux的概念_ev_ev.mp4 [12.5]--12-5 使用useReducer开发TodoList-定义in_ev_ev.mp4 [12.6]--12-6 使用useReducer开发TodoList-使用di_ev_ev.mp4 [12.7]--12-7 使用Context和useReducer实现跨组件通讯_ev_ev.mp4 [12.8]--12-8 介绍Redux-React世界最流行的状态管理工具_ev_ev.mp4 [12.9]--12-9 使用Redux实现数字加减法-认识Reducer和Ac_ev_ev.mp4 第13章 【实战】开发问卷编辑器 part1 - 寻找突破口,用两个组件打通全部流程/ [13.10]--13-10 -定义组件配置-可根据type找到组件_ev_ev.mp4 [13.11]--13-11 -在画布上动态显示组件列表-梳理完整的流程_ev_ev.mp4 [13.12]--13-12 -点击画布选中组件-通过selectedId全局共享_ev_ev.mp4 [13.13]--13-13 -组件库-组件按类型分组_ev_ev.mp4 [13.14]--13-14 -把组件分组显示在组件库中_ev_ev.mp4 [13.15]--13-15 -点击组件库中的组件,添加到画布中_ev_ev.mp4 [13.16]--13-16 -解释为何要使用fe_id_ev_ev.mp4 [13.17]--13-17 -定义属性表单,用于修改组件的属性_ev_ev.mp4 [13.18]--13-18 -根据选中的组件,动态显示属性表单_ev_ev.mp4 [13.19]--13-19 -修改组件属性,并同步到画布中_ev_ev.mp4 [13.1]--13-1 -章介绍_ev_ev.mp4 [13.20]--13-20 -定义EditHeader组件,实现返回功能_ev_ev.mp4 [13.2]--13-2 -需求分析-详细演示各个功能_ev_ev.mp4 [13.3]--13-3 -分析UI界面,如何拆分组件_ev_ev.mp4 [13.4]--13-4 -开发UI组件拆分-实现画布Y轴滚动_ev_ev.mp4 [13.5]--13-5 -定义画布中的两个组件-Title和Input_ev_ev.mp4 [13.6]--13-6 -把Title和Input组件显示到画布上_ev_ev.mp4 [13.7]--13-7 -定义问卷组件的数据结构-这是动态渲染画布的前提_ev_ev.mp4 [13.8]--13-8 -把组件列表存储到Redux store-统一各个组件_ev_ev.mp4 [13.9]--13-9 -把组件列表存储到Redux store-重构useL_ev_ev.mp4 第14章 【实战】开发问卷编辑器 part2 - 增加其他组件,展现设计的扩展性/ [14.10]--14-10 -根据QuestionInput改造出Questio_ev_ev.mp4 [14.11]--14-11 -学习Antd的Radio组件,并定义属性类型_ev_ev.mp4 [14.12]--14-12 -创建QuestionRadio的Component_ev_ev.mp4 [14.13]--14-13 -开发QuestionRadio属性表单-可动态添加_ev_ev.mp4 [14.14]--14-14 -QuestionRadio属性表单变化,同步到画布_ev_ev.mp4 [14.15]--14-15 -创建QuestionCheckbox组件,并显示在_ev_ev.mp4 [14.16]--14-16 -开发QuestionCheckbox属性表单-可动_ev_ev.mp4 [14.1]--14-1 -工具栏-删除组件,并重新计算selectedId-p_ev_ev.mp4 [14.2]--14-2 -工具栏-隐藏组件,并重新计算selectedId-p_ev_ev.mp4 [14.3]--14-3 -工具栏-锁定和解锁组件,动态禁用属性表单_ev_ev.mp4 [14.4]--14-4 -工具栏-复制和粘贴组件-结合addComponent_ev_ev.mp4 [14.5]--14-5 -在画布增加快捷键-需提前判断ActiveElemen_ev_ev.mp4 [14.6]--14-6 -快捷键-选中上一个,选中下一个_ev_ev.mp4 [14.7]--14-7 -增加Paragraph组件-体现编辑器组件机制的扩展_ev_ev.mp4 [14.8]--14-8 -为Paragraph组件增加换行功能-充分考虑安全性_ev_ev.mp4 [14.9]--14-9 -增加QuestoinInfo组件-整合标题和段落_ev_ev.mp4 第15章 【实战】开发问卷编辑器 part3 - 聚焦高级功能:拖拽排序和撤销重做/ [15.10]--15-10 -组件列表拖拽排序-选择第三方库dnd-kit_ev_ev.mp4 [15.11]--15-11 -演示dnd-kit拖拽排序.mov_ev_ev.mp4 [15.12]--15-12 -在dnd-kit示例中模拟组件列表的数据结构_ev_ev.mp4 [15.13]--15-13 -组件列表拖拽排序-抽离公共组件SortableCo_ev_ev.mp4 [15.14]--15-14 -组件列表拖拽排序-应用与画布和图层_ev_ev.mp4 [15.15]--15-15 -工具栏补充上移下移功能-和拖拽排序类似_ev_ev.mp4 [15.16]--15-16 -撤销重做的基本原理_ev_ev.mp4 [15.17]--15-17 -实现Redux的撤销重做功能-使用TodoList_ev_ev.mp4 [15.18]--15-18 -问卷编辑器增加撤销重做-定义Redux数据类型_ev_ev.mp4 [15.19]--15-19 -问卷编辑器增加撤销重做-工具栏按钮和快捷键_ev_ev.mp4 [15.1]--15-1 -在图层中修改组件标题-动态切换input和文本_ev_ev.mp4 [15.20]--15-20 -章总结_ev_ev.mp4 [15.2]--15-2 -图层-切换组件的hidden和locked_ev_ev.mp4 [15.3]--15-3 -动态切换右侧tabs-根据选中组件动态切换属性和页面_ev_ev.mp4 [15.4]--15-4 -设置页面信息-定义Redux数据结构_ev_ev.mp4 [15.5]--15-5 -设置页面信息-修改表单同步到Redux中_ev_ev.mp4 [15.6]--15-6 -修改网页标题-和右侧网页信息表单数据联通_ev_ev.mp4 [15.7]--15-7 -保存问卷信息-判断loading防止连续触发_ev_ev.mp4 [15.8]--15-8 -监听内容变化,自动保存-不是定期保存_ev_ev.mp4 [15.9]--15-9 -发布问卷-更新isPublished属性_ev_ev.mp4 第16章 【实战】问卷数据统计 - 有统计数据才能体现完整项目的业务闭环/ [16.10]--16-10 -答卷的数据结构设计-把结果写到Mock服务_ev_ev.mp4 [16.11]--16-11 -显示答卷列表-使用useRequest获取数据-p_ev_ev.mp4 [16.12]--16-12 -显示统计表格-需根据componentList自定_ev_ev.mp4 [16.13]--16-13 -显示统计列表-实现分页功能_ev_ev.mp4 [16.14]--16-14 -选择第三方图表库-最终选择Recharts_ev_ev.mp4 [16.15]--16-15 -使用Recharts演示饼图PieChart_ev_ev.mp4 [16.16]--16-16 -使用Recharts演示柱状图BarChart_ev_ev.mp4 [16.17]--16-17 -设计图表统计的数据结构,并写到Mock服务中_ev_ev.mp4 [16.18]--16-18 -为QuestionRadio扩展统计组件_ev_ev.mp4 [16.19]--16-19 -为QuestionCheckbox扩展统计组件_ev_ev.mp4 [16.1]--16-1 -章开始_ev_ev.mp4 [16.20]--16-20 -章总结_ev_ev.mp4 [16.2]--16-2 -问卷和答卷的区别-一个是题目一个是答案_ev_ev.mp4 [16.3]--16-3 -需求分析-详细分析每个功能点_ev_ev.mp4 [16.4]--16-4 -获取问卷信息-判断isPublished给出提示_ev_ev.mp4 [16.5]--16-5 -页面UI布局-增加oading效果-part1_ev_ev.mp4 [16.6]--16-6 -头部组件的UI布局_ev_ev.mp4 [16.7]--16-7 -头部组件-拷贝URL,生成二维码_ev_ev.mp4 [16.8]--16-8 -左侧显示组件列表-通过状态提升存储selectedI_ev_ev.mp4 [16.9]--16-9 -答卷的数据结构设计-开发答卷列表的前提_ev_ev.mp4 第17章 【实战】Next.js开发C端 - 学习React技术栈的 SSR 服务端渲染/ [17.10]--17-10 -创建QuestionRadio组件,并引入到页面中_ev_ev.mp4 [17.11]--17-11 -创建form表单-使用隐藏域存储questionI_ev_ev.mp4 [17.12]--17-12 -新建API,并提交form表单_ev_ev.mp4 [17.13]--17-13 -创建Mock接口,跑通前后端完整流程_ev_ev.mp4 [17.14]--17-14 -抽离PageWrapper组件,统一定义Head_ev_ev.mp4 [17.15]--17-15 -获取问卷数据,并校验是否正常_ev_ev.mp4 [17.16]--17-16 -根据问卷组件列表,动态渲染表单_ev_ev.mp4 [17.17]--17-17 -扩展表单组件Title,Paragraph和Inf_ev_ev.mp4 [17.18]--17-18 -扩展表单组件TextArea和Checkbox_ev_ev.mp4 [17.19]--17-19 -单独解决Checkbox组件的特殊性-合并多个va_ev_ev.mp4 [17.1]--17-1 -章介绍_ev_ev.mp4 [17.20]--17-20 -章总结_ev_ev.mp4 [17.2]--17-2 -介绍SSR,它的优缺点,和CSR的区别,以及应用场景_ev_ev.mp4 [17.3]--17-3 -使用Next.js创建项目并启动_ev_ev.mp4 [17.4]--17-4 -初试Next.js功能-扩展页面,使用API_ev_ev.mp4 [17.5]--17-5 -介绍StaticGeneration-构建时生成ht_ev_ev.mp4 [17.6]--17-6 -介绍Server-side-rendering-每次_ev_ev.mp4 [17.7]--17-7 -定义动态路由,获取url参数_ev_ev.mp4 [17.8]--17-8 -选择form提交数据-和B端统计页做数据匹配_ev_ev.mp4 [17.9]--17-9 -创建QuestionInput组件,并引入到页面中_ev_ev.mp4 第18章 【实战】React性能优化 - 将 main.js代码从1.6M优化到 33KB/ [18.10]--18-10 -章总结_ev_ev.mp4 [18.2]--18-2 -useState传入函数,只在组件渲染时执行一次_ev_ev.mp4 [18.3]--18-3 -使用useMemo缓存B端统计页的链接和二维码Ele_ev_ev.mp4 [18.4]--18-4 -使用useCallback缓存添加组件的函数_ev_ev.mp4 [18.5]--18-5 -使用React.memo优化子组件更新_ev_ev.mp4 [18.6]--18-6 -分析B端构建出的bundle文件,体积太大,需要拆分_ev_ev.mp4 [18.7]--18-7 -配置路由懒加载,拆分编辑页和统计页,优化代码体积_ev_ev.mp4 [18.8]--18-8 -抽离公共代码antd和react,合理使用HTTP缓_ev_ev.mp4 [18.9]--18-9 -CRA根据路由懒加载自动拆分CSS文件_ev_ev.mp4 第19章 【实战】React 测试 - 项目有测试,睡觉才踏实(不会半夜被叫醒改bug)/ [19.10]--19-10 -使用StoryBook写QuestionInfo组_ev.mp4 [19.11]--19-11 -讲解TS中typeof语法,和JS的typeof不_ev.mp4 [19.12]--19-12 -使用StoryBook写其他组件的可视化测试_ev.mp4 [19.13]--19-13 -章总结_ev.mp4 [19.1]--19-1 -章介绍_ev.mp4 [19.2]--19-2 -单元测试入门,使用jest写测试用例_ev.mp4 [19.3]--19-3 -写QuestionInfo组件的单元测试,学习新的断_ev.mp4 [19.4]--19-4 -写QuestionTitle和QuestionPar_ev.mp4 [19.5]--19-5 -写QuestionInput和QuestionTex_ev.mp4 [19.6]--19-6 -写QuestionRadio组件的单元测试-通过va_ev.mp4 [19.7]--19-7 -写QuestionCheckbox组件的单元测试-获_ev.mp4 [19.8]--19-8 -使用pre-commit做自动化测试,有问题的代码不_ev.mp4 [19.9]--19-9 -可视化测试-安装Storybook并演示例子_ev.mp4 第1章 开期准备/ [1.1]--1-1-导学_ev_ev.mp4 [1.2]--1-2-功能介绍_ev_ev.mp4 [1.3]--1-3-课程安排-即学即用,渐进式开发项目_ev_ev.mp4 第20章 课程总结/ [20.1]--20-1 -关于项目的服务端_ev.mp4 [20.2]--20-2 -课程总结_ev.mp4 第2章 【入门】什么是 React React 引领了现代前端开发的变革/ [2.1]--2-1-章介绍_ev_ev.mp4 [2.2]--2-2-React是全球最火爆的前端框架_ev_ev.mp4 [2.3]--2-3-React其实非常简单-但需要你熟悉JS语法_ev_ev.mp4 [2.4]--2-4-看几个示例来体会React的代码逻辑_ev_ev.mp4 [2.5]--2-5-React核心价值-组件化_ev_ev.mp4 [2.6]--2-6-React核心价值-数据驱动视图_ev_ev.mp4 [2.7]--2-7-课程安排-即学即用,渐进式开发项目_ev_ev.mp4 [2.8]--2-8-章总结_ev_ev.mp4 第3章 【基础】创建 React 项目开发环境 - 代码未动,环境先行/ [3.10]--3-10-【加餐】vite和webpack的区别-vite使用E_ev_ev.mp4 [3.11]--3-11-章总结_ev_ev.mp4 [3.1]--3-1-章介绍_ev_ev.mp4 [3.2]--3-2-准备工作-安装必备软件_ev_ev.mp4 [3.3]--3-3-使用Create-React-App创建项目-React_ev_ev.mp4 [3.4]--3-4-使用Vite创建React项目-Vite是前端热门工具_ev_ev.mp4 [3.6]--3-6-使用prettier规范代码风格-统一风格,多人开发也不_ev_ev.mp4 [3.7]--3-7-提交代码到git仓库-选择国内平台_ev_ev.mp4 [3.8]--3-8-使用husky执行pre-commit检查-把非规范代码_ev_ev.mp4 [3.9]--3-9-使用commit-lint规范commit提交格式-让g_ev_ev.mp4 第4章 【基础】JSX 语法和组件基础 - 学完即可开发一个静态页面/ [4.10]--4-10-实战-开发项目列表页-即学即用效果好_ev_ev.mp4 [4.11]--4-11-React组件基础-拆分UI结构,便于开发维护和复用_ev_ev.mp4 [4.13]--4-13-React开发者工具-让React调试更简单_ev_ev.mp4 [4.14]--4-14-加餐-JSX和Vue模板的区别-体现两者设计理念的差异_ev_ev.mp4 [4.15]--4-15-章总结_ev_ev.mp4 [4.1]--4-1-章介绍_ev_ev.mp4 [4.2]--4-2-JSX语法和HTML相似-很容易学习_ev_ev.mp4 [4.3]--4-3-JSX的标签-和HTML标签有几点不同_ev_ev.mp4 [4.4]--4-4-JSX的属性-style改动非常大_ev_ev.mp4 [4.5]--4-5-JSX中监听DOM事件-遇到了Typescript类型问_ev_ev.mp4 [4.6]--4-6-补充Typescript类型基础知识-解答上一节的困惑_ev_ev.mp4 [4.7]--4-7-JSX中插入JS变量和表达式-让JSX真正融入JS代码中_ev_ev.mp4 [4.8]--4-8-JSX中使用条件判断-让JSX具备if-else能力_ev_ev.mp4 [4.9]--4-9-JSX中使用循环-让JSX真正动起来_ev_ev.mp4 第5章 【基础】React Hooks - 处理逻辑监听状态,让页面动起来/ [5.10]--5-10useEffect在开发环境下执行两次-模拟全流程,及早_ev_ev.mp4 [5.11]--5-11用useRef操作DOM元素-React的ref和Vue_ev_ev.mp4 [5.12]--5-12使用useMemo缓存数据-React中常见的性能优化手_ev_ev.mp4 [5.13]--5-13使用useCallback缓存函数_ev_ev.mp4 [5.14]--5-14自定义Hooks-ReactHooks的正确打开方式_ev_ev.mp4 [5.15]--5-15使用自定义Hook获取鼠标位置-组件公共逻辑抽离和复用_ev_ev.mp4 [5.16]--5-16使用自定义Hook异步加载数据-模拟异步场景_ev_ev.mp4 [5.17]--5-17使用第三方Hooks-ahooks和react-use_ev_ev.mp4 [5.18]--5-18Hooks的三条使用规则_ev_ev.mp4 [5.19]--5-19Hooks闭包陷阱-React常考面试题_ev_ev.mp4 [5.1]--5-1-章介绍_ev_ev.mp4 [5.20]--5-20章总结_ev_ev.mp4 [5.2]--5-2-useState让页面“动”起来_ev_ev.mp4 [5.3]--5-3-state一个组件的“独家记忆”_ev_ev.mp4 [5.4]--5-4-state特点-异步更新,合并后更新_ev_ev.mp4 [5.5]--5-5state特点-不可变数据-非常重要的概念_ev_ev.mp4 [5.6]--5-6实战-重构列表页-用useState实现增、删、改_ev_ev.mp4 [5.7]--5-7使用immer修改state-帮你摆脱“不可变_ev_ev.mp4 [5.8]--5-8实战-重构列表页-使用immer让开发更简单_ev_ev.mp4 [5.9]--5-9useEffect监听组件生命周期-创建、更新、销毁_ev_ev.mp4 第6章 【基础】在 React 中使用 CSS 样式 - 为页面“美颜”,页面变漂亮/ [6.10]--6-10实战-为QuestionCard组件增加CSS样式_ev_ev.mp4 [6.11]--6-11章总结_ev_ev.mp4 [6.2]--6-2普通方式使用CSS-尽量不要用内联style_ev_ev.mp4 [6.3]--6-3CSS-Module解决className可能会重复的问题_ev_ev.mp4 [6.4]--6-4使用Sass语法-提高CSS编码效率_ev_ev.mp4 [6.5]--6-5CSS-in-JS常用工具之Styled-componen_ev_ev.mp4 [6.6]--6-6JS函数后加字符串的调用形式-解决Style-compon_ev_ev.mp4 [6.7]--6-7CSS-in-JS常用工具之Styled-jsx和Emot_ev_ev.mp4 [6.8]--6-8实战-增加CSS样式-创建正式项目环境_ev_ev.mp4 [6.9]--6-9实战-为列表页增加CSS样式_ev_ev.mp4 第7章 【中级】React-router 路由 - 配置多页面,由单页变成一个系统/ [7.1]--7-1章介绍_ev_ev.mp4 [7.2]--7-2路由设计-确定网址和页面的关系_ev_ev.mp4 [7.3]--7-3设计Layout模板-抽离公共部分,代码复用_ev_ev.mp4 [7.4]--7-4路由开发-创建所有页面_ev_ev.mp4 [7.5]--7-5路由开发-创建3个Layout和使用Outlet_ev_ev.mp4 [7.6]--7-6使用React-Router配置路由-实现了多页面_ev_ev.mp4 [7.7]--7-7使用路由API-跳转页面和获取参数_ev_ev.mp4 [7.8]--7-8章总结_ev_ev.mp4 [7.9]--7-9自定义网页标题和favicon_ev_ev.mp4 第8章 【基础】使用 AntDesign UI 组件库 - 常用组件拿来即用/ [8.10]--8-10使用AntD重构QuestionCard组件-得到了最终_ev_ev.mp4 [8.11]--8-11使用AntD的confirm功能-展示AntD的交互能力_ev_ev.mp4 [8.12]--8-12使用AntD开发星标问卷列表页_ev_ev.mp4 [8.13]--8-13使用AntD开发回收站页面-使用Table组件_ev_ev.mp4 [8.14]--8-14开发回收站的恢复和删除-为表格增加了选择功能_ev_ev.mp4 [8.15]--8-15加餐-介绍TailWind-CSS_ev_ev.mp4 [8.16]--8-16章总结_ev_ev.mp4 [8.1]--8-1章介绍_ev_ev.mp4 [8.2]--8-2介绍React世界中常用的几个UI组件库_ev_ev.mp4 [8.3]--8-3安装和使用Ant-Design_ev_ev.mp4 [8.4]--8-4使用AntD重构MainLayout-体现AntD布局能力_ev_ev.mp4 [8.5]--8-5使用AntD重构ManageLayout-灵活使用Butt_ev_ev.mp4 [8.6]--8-6使用AntD开发Logo组件_ev_ev.mp4 [8.7]--8-7开发UserInfo组件_ev_ev.mp4 [8.8]--8-8使用AntD开发首页_ev_ev.mp4 [8.9]--8-9使用AntD快速制作漂亮的404页面_ev_ev.mp4 第9章 【中级】React 表单组件 - 接收用户输入,让用户和页面互动起来/ [9.10]--9-10使用AntD的Form组件开发注册页_ev_ev.mp4 [9.11]--9-11使用AntD的Form组件开发登录页,并实现&ldquo_ev_ev.mp4 [9.12]--9-12使用AntD表单组件的校验功能,校验用户名和密码的格式_ev_ev.mp4 [9.14]--9-14使用第三方表单校验工具Formik_ev_ev.mp4 [9.15]--9-15章总结_ev_ev.mp4 [9.1]--9-1章介绍_ev_ev.mp4 [9.2]--9-2什么是受控组件-React表单组件的重要概念_ev_ev.mp4 [9.3]--9-3使用textarea组件-通过dangerouslySet_ev_ev.mp4 [9.4]--9-4使用radio单选按钮-受控组件的设计思路_ev_ev.mp4 [9.5]--9-5使用checkbox复选按钮-模拟真实的业务场景_ev_ev.mp4 [9.6]--9-6使用select下拉框组件_ev_ev.mp4 [9.7]--9-7使用form组件和submit方法_ev_ev.mp4 [9.8]--9-8使用AntD开发ListSearch搜索组件_ev_ev.mp4 [9.9]--9-9ListSearch搜索修改URL参数-体现组件设计的解耦_ev_ev.mp4 课件/ 获取解压码方式.txt 课件.zip
![mksz646-React18+Next.js13+TS,B端+C端完整业务+技术双闭环[完结]](/_next/image?url=%2Fapi%2Fuploads%2F7258213d-f1f9-4753-86a4-8ec56aad6891.jpg&w=1920&q=75)


![mksz684-程序员的 AI 启蒙课,ChatGPT 辅助开发 Vue3 项目[完结]](/_next/image?url=%2Fapi%2Fuploads%2F8c2648ff-688d-490f-a945-bf7fbd0dd605.jpg&w=1920&q=75)

