B端+C端完整业务+技术双闭环(React18+Next.js13+TS)

头像
束带小熊
B端+C端完整业务+技术双闭环(React18+Next.js13+TS)
课程权限:单独学习25元,VIP会员免费
学习人次:
加载中~
NO.1000N-20-108305-1019072
课程介绍 课程文件以目录显示为准

最新 React 技术栈,实战复杂低代码项目-仿问卷星

接触过几千名前端学员,发现大部分学员只用过 Vue,但 React 在大厂的使用率非常高,不会 React 降低学员在工作、面试中的竞争力。本课由双越慕课明星讲师,运用擅长的通俗易懂的讲课方式,从入门、进阶到实战,帮助你系统构建完整的 最新React 生态技术体系,手把手带领下完成一个超2W行的高质量复杂低代码项目-高仿问卷星,从架构到拆解,从B 端到C端,完整业务+技术双闭环实战,助你在激烈的竞争中脱影而出。

适合人群

想从 0 学习 React 完整技术栈的同学

学过 Vue 还想进阶 React 的同学

想学习 React 做复杂项目的同学

技术储备

熟悉 HTML CSS 和 JS 语法

了解 HTTP 协议,用过 Ajax

了解 webpack 或 vite 的基本配置

课程目录

├──第1章 开期准备  

|   ├──1-1-导学.mp4  17.97M

|   ├──1-2-功能介绍.mp4  11.05M

|   └──1-3-课程安排-即学即用,渐进式开发项目.mp4  7.57M

├──第2章 【入门】什么是 React React 引领了现代前端开发的变革  

|   ├──2-1-章介绍.mp4  3.79M

|   ├──2-2-React是全球最火爆的前端框架.mp4  25.17M

|   ├──2-3-React其实非常简单-但需要你熟悉JS语法.mp4  7.88M

|   ├──2-4-看几个示例来体会React的代码逻辑.mp4  30.29M

|   ├──2-5-React核心价值-组件化.mp4  8.94M

|   ├──2-6-React核心价值-数据驱动视图.mp4  10.49M

|   ├──2-7-课程安排-即学即用,渐进式开发项目.mp4  7.57M

|   └──2-8-章总结.mp4  2.94M

├──第3章 【基础】创建 React 项目开发环境 - 代码未动,环境先行[缺3-5]  

|   ├──3-1-章介绍.mp4  4.58M

|   ├──3-10-【加餐】vite和webpack的区别-vite使用E.mp4  19.16M

|   ├──3-11-章总结.mp4  3.56M

|   ├──3-2-准备工作-安装必备软件.mp4  11.74M

|   ├──3-3-使用Create-React-App创建项目-React.mp4  22.06M

|   ├──3-4-使用Vite创建React项目-Vite是前端热门工具.mp4  16.93M

|   ├──3-6-使用prettier规范代码风格-统一风格,多人开发也不.mp4  23.99M

|   ├──3-7-提交代码到git仓库-选择国内平台.mp4  10.09M

|   ├──3-8-使用husky执行pre-commit检查-把非规范代码.mp4  13.08M

|   └──3-9-使用commit-lint规范commit提交格式-让g.mp4  19.17M

├──第4章 【基础】JSX 语法和组件基础 - 学完即可开发一个静态页面[缺4-12]  

|   ├──4-1-章介绍.mp4  3.87M

|   ├──4-10-实战-开发项目列表页-即学即用效果好.mp4  33.35M

|   ├──4-11-React组件基础-拆分UI结构,便于开发维护和复用.mp4  31.85M

|   ├──4-13-React开发者工具-让React调试更简单.mp4  21.05M

|   ├──4-14-加餐-JSX和Vue模板的区别-体现两者设计理念的差异.mp4  13.62M

|   ├──4-15-章总结.mp4  3.63M

|   ├──4-2-JSX语法和HTML相似-很容易学习.mp4  22.69M

|   ├──4-3-JSX的标签-和HTML标签有几点不同.mp4  14.84M

|   ├──4-4-JSX的属性-style改动非常大.mp4  17.03M

|   ├──4-5-JSX中监听DOM事件-遇到了Typescript类型问.mp4  17.49M

|   ├──4-6-补充Typescript类型基础知识-解答上一节的困惑.mp4  40.19M

|   ├──4-7-JSX中插入JS变量和表达式-让JSX真正融入JS代码中.mp4  16.56M

|   ├──4-8-JSX中使用条件判断-让JSX具备if-else能力.mp4  20.05M

|   └──4-9-JSX中使用循环-让JSX真正动起来.mp4  21.19M

├──第5章 【基础】React Hooks - 处理逻辑监听状态,让页面动起来  

|   ├──5-1-章介绍.mp4  6.06M

|   ├──5-10useEffect在开发环境下执行两次-模拟全流程,及早.mp4  20.36M

|   ├──5-11用useRef操作DOM元素-React的ref和Vue.mp4  26.24M

|   ├──5-12使用useMemo缓存数据-React中常见的性能优化手.mp4  41.05M

|   ├──5-13使用useCallback缓存函数.mp4  22.76M

|   ├──5-14自定义Hooks-ReactHooks的正确打开方式.mp4  19.81M

|   ├──5-15使用自定义Hook获取鼠标位置-组件公共逻辑抽离和复用.mp4  34.36M

|   ├──5-16使用自定义Hook异步加载数据-模拟异步场景.mp4  21.79M

|   ├──5-17使用第三方Hooks-ahooks和react-use.mp4  41.16M

|   ├──5-18Hooks的三条使用规则.mp4  10.87M

|   ├──5-19Hooks闭包陷阱-React常考面试题.mp4  21.30M

|   ├──5-2-useState让页面;动&起来.mp4  14.85M

|   ├──5-20章总结.mp4  5.58M

|   ├──5-3-state一个组件的;独家记忆&.mp4  7.64M

|   ├──5-4-state特点-异步更新,合并后更新.mp4  26.85M

|   ├──5-5state特点-不可变数据-非常重要的概念.mp4  33.34M

|   ├──5-6实战-重构列表页-用useState实现增、删、改.mp4  87.86M

|   ├──5-7使用immer修改state-帮你摆脱;不可变.mp4  30.01M

|   ├──5-8实战-重构列表页-使用immer让开发更简单.mp4  27.82M

|   └──5-9useEffect监听组件生命周期-创建、更新、销毁.mp4  46.75M

├──第6章 【基础】在 React 中使用 CSS 样式 - 为页面“美颜”,页面变漂亮[缺6-1]  

|   ├──6-10实战-为QuestionCard组件增加CSS样式.mp4  36.96M

|   ├──6-11章总结.mp4  4.10M

|   ├──6-2普通方式使用CSS-尽量不要用内联style.mp4  37.71M

|   ├──6-3CSS-Module解决className可能会重复的问题.mp4  37.61M

|   ├──6-4使用Sass语法-提高CSS编码效率.mp4  36.07M

|   ├──6-5CSS-in-JS常用工具之Styled-componen.mp4  56.03M

|   ├──6-6JS函数后加字符串的调用形式-解决Style-compon.mp4  9.84M

|   ├──6-7CSS-in-JS常用工具之Styled-jsx和Emot.mp4  25.53M

|   ├──6-8实战-增加CSS样式-创建正式项目环境.mp4  25.72M

|   └──6-9实战-为列表页增加CSS样式.mp4  34.38M

├──第7章 【中级】React-router 路由 - 配置多页面,由单页变成一个系统  

|   ├──7-1章介绍.mp4  10.76M

|   ├──7-2路由设计-确定网址和页面的关系.mp4  17.50M

|   ├──7-3设计Layout模板-抽离公共部分,代码复用.mp4  7.17M

|   ├──7-4路由开发-创建所有页面.mp4  14.67M

|   ├──7-5路由开发-创建3个Layout和使用Outlet.mp4  22.52M

|   ├──7-6使用React-Router配置路由-实现了多页面.mp4  45.55M

|   ├──7-7使用路由API-跳转页面和获取参数.mp4  23.03M

|   ├──7-8章总结.mp4  3.71M

|   └──7-9自定义网页标题和favicon.mp4  12.05M

├──第8章 【基础】使用 AntDesign UI 组件库 - 常用组件拿来即用  

|   ├──8-10使用AntD重构QuestionCard组件-得到了最终.mp4  81.76M

|   ├──8-11使用AntD的confirm功能-展示AntD的交互能力.mp4  30.00M

|   ├──8-12使用AntD开发星标问卷列表页.mp4  24.26M

|   ├──8-13使用AntD开发回收站页面-使用Table组件.mp4  49.01M

|   ├──8-14开发回收站的恢复和删除-为表格增加了选择功能.mp4  60.87M

|   ├──8-15加餐-介绍TailWind-CSS.mp4  9.15M

|   ├──8-16章总结.mp4  6.89M

|   ├──8-1章介绍.mp4  7.85M

|   ├──8-2介绍React世界中常用的几个UI组件库.mp4  18.34M

|   ├──8-3安装和使用Ant-Design.mp4  16.70M

|   ├──8-4使用AntD重构MainLayout-体现AntD布局能力.mp4  44.34M

|   ├──8-5使用AntD重构ManageLayout-灵活使用Butt.mp4  66.85M

|   ├──8-6使用AntD开发Logo组件.mp4  28.04M

|   ├──8-7开发UserInfo组件.mp4  12.83M

|   ├──8-8使用AntD开发首页.mp4  21.93M

|   └──8-9使用AntD快速制作漂亮的404页面.mp4  10.83M

├──第9章 【中级】React 表单组件 - 接收用户输入,让用户和页面互动起来[缺9-13]  

|   ├──9-10使用AntD的Form组件开发注册页.mp4  60.55M

|   ├──9-11使用AntD的Form组件开发登录页,并实现.mp4  72.10M

|   ├──9-12使用AntD表单组件的校验功能,校验用户名和密码的格式.mp4  39.77M

|   ├──9-14使用第三方表单校验工具Formik.mp4  30.05M

|   ├──9-15章总结.mp4  3.41M

|   ├──9-1章介绍.mp4  5.89M

|   ├──9-2什么是受控组件-React表单组件的重要概念.mp4  38.77M

|   ├──9-3使用textarea组件-通过dangerouslySet.mp4  23.75M

|   ├──9-4使用radio单选按钮-受控组件的设计思路.mp4  23.63M

|   ├──9-5使用checkbox复选按钮-模拟真实的业务场景.mp4  53.09M

|   ├──9-6使用select下拉框组件.mp4  20.53M

|   ├──9-7使用form组件和submit方法.mp4  25.99M

|   ├──9-8使用AntD开发ListSearch搜索组件.mp4  33.34M

|   └──9-9ListSearch搜索修改URL参数-体现组件设计的解耦.mp4  46.64M

├──第10章 【中级】Ajax 网络请求 part1 - 搭建 Mock 服务,完成前后端通讯  

|   ├──10-10配置axios的response拦截器-统一处理错误.mp4  49.87M

|   ├──10-11开发新建问卷功能-设置loading状态以优化体验.mp4  30.97M

|   ├──10-12开发获取问卷信息功能-使用自定义Hook抽离公共逻辑.mp4  28.12M

|   ├──10-13使用useRequest重构Ajax请求-统一处理l.mp4  31.24M

|   ├──10-14使用useRequest获取问卷列表.mp4  71.60M

|   ├──10-15给列表增加搜索功能-使用第三方Hook抽离组件公共逻.mp4  54.91M

|   ├──10-16使用useRequest开发星标和回收站页面.mp4  65.93M

|   ├──10-1章介绍.mp4  5.81M

|   ├──10-2关于Ajax的基础知识、API和工具.mp4  8.58M

|   ├──10-3使用mockjs模拟Ajax请求.mp4  38.35M

|   ├──10-4在nodejs中使用mockjs-使用Random轻松.mp4  28.98M

|   ├──10-5使用nodejs启动服务,模拟get请求.mp4  21.71M

|   ├──10-6模拟post请求,并使用postman测试.mp4  15.67M

|   ├──10-7使用craco.js扩展webpack配置-使用dev.mp4  30.47M

|   ├──10-8介绍几个在线mock平台-谨慎使用.mp4  3.98M

|   └──10-9API设计-使用RestfulAPI规范.mp4  34.53M

├──第11章 【中级】Ajax 网络请求 part2 - 一次学习多种形式的列表和分页功能  

|   ├──11-10开发删除问卷功能-修改信息;假删除&rd.mp4  25.20M

|   ├──11-11开发恢复问卷功能-使用for-awiat-of处理多.mp4  43.26M

|   ├──11-12开发彻底删除功能.mp4  29.94M

|   ├──11-13介绍JWT-用户登录校验的技术方案.mp4  10.55M

|   ├──11-14开发用户的mock和services.mp4  27.53M

|   ├──11-15开发注册和登录功能.mp4  36.77M

|   ├──11-16存储token,并使用axios拦截器附加token.mp4  37.54M

|   ├──11-17开发获取用户信息,以及退出登录.mp4  35.58M

|   ├──11-18-章总结.mp4  4.80M

|   ├──11-1开发分页功能-定义URL参数page和pageSize.mp4  48.19M

|   ├──11-2实现列表分页功能-使用Antd的Pagination组.mp4  85.99M

|   ├──11-3LoadMore上划加载更多-设计组件的state.mp4  41.45M

|   ├──11-4LoadMore上划加载更多-使用防抖监听scroll.mp4  44.90M

|   ├──11-5LoadMore上划加载更多-根据DOM位置判断加载时.mp4  40.03M

|   ├──11-6LoadMore上划加载更多-真正加载数据.mp4  69.09M

|   ├──11-7LoadMore上划加载更多-优化功能体验.mp4  54.29M

|   ├──11-8开发问卷标星功能.mp4  69.40M

|   └──11-9开发问卷复制功能.mp4  31.71M

├──第12章 【中级】Redux 状态管理 - 复杂项目的数据管理形式  

|   ├──12-10使用Redux实现数字加减法-使用useSelect.mp4  26.98M

|   ├──12-11使用Redux实现TodoList-展示复杂数据结构.mp4  38.84M

|   ├──12-12使用Redux实现TodoList-传入Action.mp4  61.08M

|   ├──12-13Redux单项数据流-动图体验数据流转过程.mp4  7.32M

|   ├──12-14Redux开发者工具-方便跟踪和调试.mp4  4.99M

|   ├──12-15介绍MobX-可以像Vue一样声明式的修改数据.mp4  46.39M

|   ├──12-16使用MobX开发TodoList-创建数据模型.mp4  51.17M

|   ├──12-17使用MobX开发TodoList-数据的显示和操作.mp4  75.02M

|   ├──12-18使用Redux管理用户信息-定义store和redu.mp4  30.73M

|   ├──12-19使用Redux管理用户信息-使用useSelecto.mp4  37.06M

|   ├──12-1章介绍.mp4  7.28M

|   ├──12-20使用自定义Hook统一加载用户信息,并存储到redu.mp4  55.87M

|   ├──12-21根据用户登录状态动态跳转页面-使用自定义Hook统一.mp4  51.13M

|   ├──12-22章总结.mp4  4.00M

|   ├──12-2什么是状态管理,为何要用状态管理.mp4  16.22M

|   ├──12-3使用Context实现跨组件跨层级传递数据.mp4  35.38M

|   ├──12-4学习使用useReducer-提前了解redux的概念.mp4  45.15M

|   ├──12-5使用useReducer开发TodoList-定义in.mp4  43.73M

|   ├──12-6使用useReducer开发TodoList-使用di.mp4  35.00M

|   ├──12-7使用Context和useReducer实现跨组件通讯.mp4  32.54M

|   ├──12-8介绍Redux-React世界最流行的状态管理工具.mp4  6.05M

|   └──12-9使用Redux实现数字加减法-认识Reducer和Ac.mp4  50.23M

├──第13章 【实战】开发问卷编辑器 part1 - 寻找突破口,用两个组件打通全部流程  

|   ├──13-1-章介绍.mp4  4.02M

|   ├──13-10-定义组件配置-可根据type找到组件.mp4  34.05M

|   ├──13-11-在画布上动态显示组件列表-梳理完整的流程.mp4  34.70M

|   ├──13-12-点击画布选中组件-通过selectedId全局共享.mp4  66.37M

|   ├──13-13-组件库-组件按类型分组.mp4  37.58M

|   ├──13-14-把组件分组显示在组件库中.mp4  13.94M

|   ├──13-15-点击组件库中的组件,添加到画布中.mp4  42.94M

|   ├──13-16-解释为何要使用fe_id.mp4  16.00M

|   ├──13-17-定义属性表单,用于修改组件的属性.mp4  51.17M

|   ├──13-18-根据选中的组件,动态显示属性表单.mp4  45.74M

|   ├──13-19-修改组件属性,并同步到画布中.mp4  58.63M

|   ├──13-2-需求分析-详细演示各个功能.mp4  20.01M

|   ├──13-20-定义EditHeader组件,实现返回功能.mp4  36.05M

|   ├──13-3-分析UI界面,如何拆分组件.mp4  16.51M

|   ├──13-4-开发UI组件拆分-实现画布Y轴滚动.mp4  32.41M

|   ├──13-5-定义画布中的两个组件-Title和Input.mp4  52.31M

|   ├──13-6-把Title和Input组件显示到画布上.mp4  27.32M

|   ├──13-7-定义问卷组件的数据结构-这是动态渲染画布的前提.mp4  24.42M

|   ├──13-8-把组件列表存储到Reduxstore-统一各个组件.mp4  22.65M

|   └──13-9-把组件列表存储到Reduxstore-重构useL.mp4  48.38M

├──第14章 【实战】开发问卷编辑器 part2 - 增加其他组件,展现设计的扩展性  

|   ├──14-1-工具栏-删除组件,并重新计算selectedId-p.mp4  47.94M

|   ├──14-10-根据QuestionInput改造出Questio.mp4  26.15M

|   ├──14-11-学习Antd的Radio组件,并定义属性类型.mp4  39.50M

|   ├──14-12-创建QuestionRadio的Component.mp4  62.27M

|   ├──14-13-开发QuestionRadio属性表单-可动态添加.mp4  86.71M

|   ├──14-14-QuestionRadio属性表单变化,同步到画布.mp4  62.60M

|   ├──14-15-创建QuestionCheckbox组件,并显示在.mp4  63.28M

|   ├──14-16-开发QuestionCheckbox属性表单-可动.mp4  55.01M

|   ├──14-2-工具栏-隐藏组件,并重新计算selectedId-p.mp4  48.07M

|   ├──14-3-工具栏-锁定和解锁组件,动态禁用属性表单.mp4  53.54M

|   ├──14-4-工具栏-复制和粘贴组件-结合addComponent.mp4  82.25M

|   ├──14-5-在画布增加快捷键-需提前判断ActiveElemen.mp4  43.79M

|   ├──14-6-快捷键-选中上一个,选中下一个.mp4  48.01M

|   ├──14-7-增加Paragraph组件-体现编辑器组件机制的扩展.mp4  62.58M

|   ├──14-8-为Paragraph组件增加换行功能-充分考虑安全性.mp4  36.67M

|   └──14-9-增加QuestoinInfo组件-整合标题和段落.mp4  62.78M

├──第15章 【实战】开发问卷编辑器 part3 - 聚焦高级功能:拖拽排序和撤销重做[缺15-1]  

|   ├──15-1-在图层中修改组件标题-动态切换input和文本.mp4  51.84M

|   ├──15-10-组件列表拖拽排序-选择第三方库dnd-kit.mp4  79.65M

|   ├──15-11-演示dnd-kit拖拽排序.mov.mp4  66.30M

|   ├──15-12-在dnd-kit示例中模拟组件列表的数据结构.mp4  31.35M

|   ├──15-13-组件列表拖拽排序-抽离公共组件SortableCo.mp4  63.63M

|   ├──15-14-组件列表拖拽排序-应用与画布和图层.mp4  79.93M

|   ├──15-15-工具栏补充上移下移功能-和拖拽排序类似.mp4  44.60M

|   ├──15-16-撤销重做的基本原理.mp4  13.84M

|   ├──15-17-实现Redux的撤销重做功能-使用TodoList.mp4  62.91M

|   ├──15-18-问卷编辑器增加撤销重做-定义Redux数据类型.mp4  25.37M

|   ├──15-19-问卷编辑器增加撤销重做-工具栏按钮和快捷键.mp4  33.69M

|   ├──15-2-图层-切换组件的hidden和locked.mp4  55.20M

|   ├──15-20-章总结.mp4  4.29M

|   ├──15-3-动态切换右侧tabs-根据选中组件动态切换属性和页面.mp4  38.68M

|   ├──15-4-设置页面信息-定义Redux数据结构.mp4  38.20M

|   ├──15-5-设置页面信息-修改表单同步到Redux中.mp4  48.67M

|   ├──15-6-修改网页标题-和右侧网页信息表单数据联通.mp4  57.02M

|   ├──15-7-保存问卷信息-判断loading防止连续触发.mp4  67.61M

|   ├──15-8-监听内容变化,自动保存-不是定期保存.mp4  12.59M

|   └──15-9-发布问卷-更新isPublished属性.mp4  29.75M

├──第16章 【实战】问卷数据统计 - 有统计数据才能体现完整项目的业务闭环  

|   ├──16-1-章开始.mp4  9.14M

|   ├──16-10-答卷的数据结构设计-把结果写到Mock服务.mp4  58.55M

|   ├──16-11-显示答卷列表-使用useRequest获取数据-p.mp4  59.27M

|   ├──16-12-显示统计表格-需根据componentList自定.mp4  68.81M

|   ├──16-13-显示统计列表-实现分页功能.mp4  30.56M

|   ├──16-14-选择第三方图表库-最终选择Recharts.mp4  31.90M

|   ├──16-15-使用Recharts演示饼图PieChart.mp4  60.15M

|   ├──16-16-使用Recharts演示柱状图BarChart.mp4  28.67M

|   ├──16-17-设计图表统计的数据结构,并写到Mock服务中.mp4  42.48M

|   ├──16-18-为QuestionRadio扩展统计组件.mp4  55.61M

|   ├──16-19-为QuestionCheckbox扩展统计组件.mp4  36.14M

|   ├──16-2-问卷和答卷的区别-一个是题目一个是答案.mp4  10.46M

|   ├──16-20-章总结.mp4  4.23M

|   ├──16-3-需求分析-详细分析每个功能点.mp4  15.49M

|   ├──16-4-获取问卷信息-判断isPublished给出提示.mp4  42.01M

|   ├──16-5-页面UI布局-增加oading效果-part1.mp4  46.29M

|   ├──16-6-头部组件的UI布局.mp4  37.01M

|   ├──16-7-头部组件-拷贝URL,生成二维码.mp4  66.98M

|   ├──16-8-左侧显示组件列表-通过状态提升存储selectedI.mp4  37.09M

|   └──16-9-答卷的数据结构设计-开发答卷列表的前提.mp4  22.15M

├──第17章 【实战】Next.js开发C端 - 学习React技术栈的 SSR 服务端渲染  

|   ├──17-1-章介绍.mp4  4.62M

|   ├──17-10-创建QuestionRadio组件,并引入到页面中.mp4  34.42M

|   ├──17-11-创建form表单-使用隐藏域存储questionI.mp4  32.65M

|   ├──17-12-新建API,并提交form表单.mp4  43.49M

|   ├──17-13-创建Mock接口,跑通前后端完整流程.mp4  32.32M

|   ├──17-14-抽离PageWrapper组件,统一定义Head.mp4  36.53M

|   ├──17-15-获取问卷数据,并校验是否正常.mp4  55.32M

|   ├──17-16-根据问卷组件列表,动态渲染表单.mp4  34.45M

|   ├──17-17-扩展表单组件Title,Paragraph和Inf.mp4  41.32M

|   ├──17-18-扩展表单组件TextArea和Checkbox.mp4  49.75M

|   ├──17-19-单独解决Checkbox组件的特殊性-合并多个va.mp4  51.36M

|   ├──17-2-介绍SSR,它的优缺点,和CSR的区别,以及应用场景.mp4  20.51M

|   ├──17-20-章总结.mp4  3.06M

|   ├──17-3-使用Next.js创建项目并启动.mp4  23.19M

|   ├──17-4-初试Next.js功能-扩展页面,使用API.mp4  19.36M

|   ├──17-5-介绍StaticGeneration-构建时生成ht.mp4  29.71M

|   ├──17-6-介绍Server-side-rendering-每次.mp4  15.49M

|   ├──17-7-定义动态路由,获取url参数.mp4  21.83M

|   ├──17-8-选择form提交数据-和B端统计页做数据匹配.mp4  15.68M

|   └──17-9-创建QuestionInput组件,并引入到页面中.mp4  28.82M

├──第18章 【实战】React性能优化 - 将 main.js代码从1.6M优化到 33KB  

|   ├──18-10-章总结.mp4  2.13M

|   ├──18-2-useState传入函数,只在组件渲染时执行一次.mp4  22.15M

|   ├──18-3-使用useMemo缓存B端统计页的链接和二维码Ele.mp4  44.26M

|   ├──18-4-使用useCallback缓存添加组件的函数.mp4  9.34M

|   ├──18-5-使用React.memo优化子组件更新.mp4  26.76M

|   ├──18-6-分析B端构建出的bundle文件,体积太大,需要拆分.mp4  27.13M

|   ├──18-7-配置路由懒加载,拆分编辑页和统计页,优化代码体积.mp4  46.35M

|   ├──18-8-抽离公共代码antd和react,合理使用HTTP缓.mp4  59.74M

|   └──18-9-CRA根据路由懒加载自动拆分CSS文件.mp4  5.27M

├──第19章 【实战】React 测试 - 项目有测试,睡觉才踏实(不会半夜被叫醒改bug)  

|   ├──19-1-章介绍.mp4  5.16M

|   ├──19-10-使用StoryBook写QuestionInfo组.mp4  31.83M

|   ├──19-11-讲解TS中typeof语法,和JS的typeof不.mp4  16.00M

|   ├──19-12-使用StoryBook写其他组件的可视化测试.mp4  7.96M

|   ├──19-13-章总结.mp4  2.07M

|   ├──19-2-单元测试入门,使用jest写测试用例.mp4  28.49M

|   ├──19-3-写QuestionInfo组件的单元测试,学习新的断.mp4  41.47M

|   ├──19-4-写QuestionTitle和QuestionPar.mp4  40.29M

|   ├──19-5-写QuestionInput和QuestionTex.mp4  19.59M

|   ├──19-6-写QuestionRadio组件的单元测试-通过va.mp4  41.68M

|   ├──19-7-写QuestionCheckbox组件的单元测试-获.mp4  36.11M

|   ├──19-8-使用pre-commit做自动化测试,有问题的代码不.mp4  17.41M

|   └──19-9-可视化测试-安装Storybook并演示例子.mp4  51.29M

├──第20章 课程总结  

|   ├──20-1-关于项目的服务端.mp4  2.73M

|   └──20-2-课程总结.mp4  14.94M

├──课件.zip  2.16M

└──说明.png  5.18M

加载中~
相关课程