React18 系统入门 进阶实战《欢乐购》

课程简介：

前端技术专家 Dell 老师带你系统构建 React18 技术体系，并结合“欢乐购”项目，快速积累企业级前端项目实战经验，落地 React18 与 TypeScript 结合的实用开发技巧。同时老师分享了React框架核心源码实现原理的深度思考，进一步帮助大家 “学懂用活”，真正走近框架，全面提升技术实力。

网盘截图：

文件详细目录：

├──{10}–第10章 实战“欢乐购”：订单详情页面的
| ├──[10.1]–10-1 订单详情页面布局开发（上）.mp4 107.62M
| ├──[10.2]–10-2 订单详情页面布局开发（下）.mp4 112.75M
| ├──[10.3]–10-3 订单页面收货人信息逻辑开发（上）.mp4 127.97M
| ├──[10.4]–10-4 订单页面收货人信息逻辑开发（下）.mp4 118.04M
| ├──[10.5]–10-5 日期选择器的使用方法.mp4 75.55M
| ├──[10.6]–10-6 订单支付逻辑开发（上）.mp4 60.56M
| ├──[10.7]–10-7 订单支付逻辑开发（下）.mp4 60.96M
| ├──[10.8]–10-8 项目上线流程（上）.mp4 47.36M
| └──[10.9]–10-9 项目上线流程（下）.mp4 45.42M
├──{11}–第11章 【福利】彩蛋：React 框架实现原理
| ├──[11.10]–11-10 Reconciliation 阶段（中）.mp4 110.31M
| ├──[11.11]–11-11 Reconciliation 阶段（下）.mp4 79.14M
| ├──[11.12]–11-12 函数组件的实现.mp4 58.77M
| ├──[11.13]–11-13 useState 的实现.mp4 103.99M
| ├──[11.1]–11-1 React 代码是如何被转化成原生 JS 代码的.mp4 44.69M
| ├──[11.2]–11-2 createElement 底层的实现.mp4 45.78M
| ├──[11.3]–11-3 Babel 转换 JSX 的实现.mp4 31.68M
| ├──[11.4]–11-4 ReactDOM.render 方法的实现逻辑.mp4 42.22M
| ├──[11.5]–11-5 Concurrent Mode 实现思路.mp4 43.82M
| ├──[11.6]–11-6 Fiber 的原理和基础实现（上）.mp4 49.52M
| ├──[11.7]–11-7 Fiber 的原理和基础实现（下）.mp4 97.53M
| ├──[11.8]–11-8 Render & Commit 阶段.mp4 75.39M
| └──[11.9]–11-9 Reconciliation 阶段（上）.mp4 102.15M
├──{1}–第1章 为什么越来越多的工程师选用 React
| ├──[1.1]–1-1 这可能是最适合新手学习 React 18 的第一门课.mp4 12.56M
| ├──[1.2]–1-2 为什么越来越多的工程师选用 React.mp4 7.49M
| ├──[1.3]–1-3 React 18 和先前版本的区别.mp4 11.39M
| └──[1.4]–1-4 找对方法，轻松系统化入门 React 使用.mp4 5.69M
├──{2}–第2章 React 编程初体验
| ├──[2.10]–2-10 下棋逻辑的实现（下）.mp4 36.19M
| ├──[2.11]–2-11 借助数据设计实现游戏状态计算逻辑（上）.mp4 47.43M
| ├──[2.12]–2-12 借助数据设计实现游戏状态计算逻辑（下）.mp4 48.00M
| ├──[2.13]–2-13 优化拆分组件实现数据共享.mp4 34.01M
| ├──[2.14]–2-14 历史回溯功能的实现.mp4 50.46M
| ├──[2.1]–2-1 如何在网页中快速使用 React（上）.mp4 49.87M
| ├──[2.2]–2-2 如何在网页中快速使用 React（下）.mp4 107.33M
| ├──[2.3]–2-3 React 开发调试工具安装.mp4 36.81M
| ├──[2.4]–2-4 React常见语法初探（上）.mp4 58.92M
| ├──[2.5]–2-5 React 常见语法初探（中）.mp4 41.37M
| ├──[2.6]–2-6 React 常见语法初探（下）.mp4 49.10M
| ├──[2.7]–2-7 React 工程初始化和游戏功能预览.mp4 48.47M
| ├──[2.8]–2-8 实现棋盘布局.mp4 24.60M
| └──[2.9]–2-9 下棋逻辑的实现（上）.mp4 33.58M
├──{3}–第3章 React 基础语法
| ├──[3.10]–3-10 Key 值的作用详解.mp4 39.04M
| ├──[3.11]–3-11 使用 Reducer 聚合数据处理逻辑（上）.mp4 39.07M
| ├──[3.12]–3-12 使用 Reducer 聚合数据处理逻辑（下）.mp4 37.01M
| ├──[3.13]–3-13 Reducer 的优缺点解析（上）.mp4 42.64M
| ├──[3.14]–3-14 Reducer 的优缺点解析（下）.mp4 38.73M
| ├──[3.15]–3-15 使用 Context 完成深层组件传值.mp4 44.55M
| ├──[3.16]–3-16 Context 实际使用技巧 & 通过 Chi.mp4 45.87M
| ├──[3.17]–3-17 使用 Reducer & Context 实现.mp4 65.56M
| ├──[3.1]–3-1 React UI 展示相关概念详解（上）.mp4 33.73M
| ├──[3.2]–3-2 React UI 展示相关概念详解（下）.mp4 24.04M
| ├──[3.3]–3-3 使用事件和状态实现交互.mp4 50.56M
| ├──[3.4]–3-4 useState 原理讲解 & 事件查缺补漏.mp4 47.92M
| ├──[3.5]–3-5 Immutable 数据 & Immer 的使用.mp4 27.93M
| ├──[3.6]–3-6 Immutable 数据 & Immer 的使用.mp4 28.49M
| ├──[3.7]–3-7 理解声明式编程及其开发规范.mp4 50.17M
| ├──[3.8]–3-8 通过父子组件传值解决数据共享问题.mp4 36.80M
| └──[3.9]–3-9 组件状态重置背后的运行机理.mp4 33.30M
├──{4}–第4章 React 高阶语法
| ├──[4.10]–4-10 useCallback、useDebugValue、u.mp4 67.29M
| ├──[4.11]–4-11 Profiler 和 Suspense 内置组件的深度.mp4 54.61M
| ├──[4.12]–4-12 使用 UseDeferredValue 提升用户体验.mp4 67.76M
| ├──[4.13]–4-13 useTransition 和 memo 的使用详解.mp4 63.61M
| ├──[4.1]–4-1 Ref 的基础使用.mp4 43.16M
| ├──[4.2]–4-2 Ref 与元素和组件的结合使用.mp4 36.17M
| ├──[4.3]–4-3 Effect 的使用场景和基础使用步骤.mp4 39.28M
| ├──[4.4]–4-4 useEffect 的底层执行逻辑.mp4 68.68M
| ├──[4.5]–4-5 严格模式 Effect 两次执行问题的处理方法.mp4 50.48M
| ├──[4.6]–4-6 useMemo 的使用场景和使用方法.mp4 46.72M
| ├──[4.7]–4-7 useSyncExternalStore 的使用方法.mp4 37.76M
| ├──[4.8]–4-8 组件和Effect的生命周期 & UseEffe.mp4 50.75M
| └──[4.9]–4-9 自定义 Hook 的作用及使用方法.mp4 42.63M
├──{5}–第5章 React 中常见的 TypeScript 类型定义
| ├──[5.1]–5-1 TypeScript 项目生成、语法入门及函数组件 Pr.mp4 57.53M
| ├──[5.2]–5-2 Hooks 相关类型问题的处理（上）.mp4 57.40M
| ├──[5.3]–5-3 Hooks 相关类型问题的处理（下）.mp4 64.27M
| └──[5.4]–5-4 React 相关事件的 TS 类型定义.mp4 23.01M
├──{6}–第6章 实战“欢乐购”：登陆、注册、引导
| ├──[6.10]–6-10 useRequest 代码改造及模态框提示功能实现.mp4 79.41M
| ├──[6.11]–6-11 使用 useImperativeHandle 进行模态.mp4 71.98M
| ├──[6.12]–6-12 使用 CreatePortal 完善 Modal 组件.mp4 100.39M
| ├──[6.13]–6-13 注册页面的基础开发.mp4 91.94M
| ├──[6.14]–6-14 使用嵌套路由实现代码的抽象复用.mp4 109.58M
| ├──[6.15]–6-15 登陆逻辑的完整实现.mp4 51.67M
| ├──[6.1]–6-1 Charles、rem布局、一像素边框问题的前置工程准备.mp4 30.67M
| ├──[6.2]–6-2 Charles、rem布局、一像素边框问题的前置工程准备.mp4 42.11M
| ├──[6.3]–6-3 使用 Ref 和 CSS 动画完成引导页面开发.mp4 90.45M
| ├──[6.4]–6-4 使用 React-router-dom V6 版本实现登.mp4 56.19M
| ├──[6.5]–6-5 使用 React-router-dom V6 版本实现登.mp4 66.28M
| ├──[6.6]–6-6 使用 Sass 优化样式代码 & 使用 Axio.mp4 36.25M
| ├──[6.7]–6-7 使用 Sass 优化样式代码 & 使用 Axio.mp4 54.73M
| ├──[6.8]–6-8 封装通用请求 useRequest 自定义 Hook（上.mp4 58.70M
| └──[6.9]–6-9 封装通用请求 useRequest 自定义 Hook（下.mp4 67.23M
├──{7}–第7章 实战“欢乐购”：首页相关页面开发
| ├──[7.10]–7-10 首页完整布局样式开发（下）.mp4 60.26M
| ├──[7.11]–7-11 首页组件拆分及代码优化.mp4 132.44M
| ├──[7.12]–7-12 切换门店功能开发（上）.mp4 70.17M
| ├──[7.13]–7-13 切换门店功能开发（下）.mp4 96.35M
| ├──[7.14]–7-14 搜索页面布局开发（上）.mp4 63.28M
| ├──[7.15]–7-15 搜索页面布局开发（下）.mp4 56.33M
| ├──[7.16]–7-16 搜索页面逻辑实现.mp4 108.74M
| ├──[7.1]–7-1 使用 Swiper 实现首页顶部轮播效果.mp4 112.99M
| ├──[7.2]–7-2 使用地理位置接口获取用户定位信心.mp4 77.05M
| ├──[7.3]–7-3 useRequest 和 Modal 组件的封装升级（上.mp4 61.16M
| ├──[7.4]–7-4 useRequest 和 Modal 组件的封装升级（下.mp4 62.95M
| ├──[7.6]–7-6 首页数据动态获取（下）.mp4 59.32M
| ├──[7.7]–7-7 分类及卡片区域布局开发（上）.mp4 75.26M
| ├──[7.8]–7-8 分类及卡片区域布局开发（下）.mp4 100.65M
| └──[7.9]–7-9 首页完整布局样式开发（上）.mp4 98.73M
├──{8}–第8章 实战“欢乐购”：商品列表及详情页
| ├──[8.11]–8-11 分类列表逻辑开发（3）.mp4 79.88M
| ├──[8.12]–8-12 分类列表逻辑开发（4）.mp4 80.34M
| ├──[8.13]–8-13 分类列表逻辑开发（5）.mp4 61.64M
| ├──[8.1]–8-1 简单列表页面布局实现.mp4 105.46M
| ├──[8.2]–8-2 使用路由完成页面间参数传递.mp4 73.48M
| ├──[8.3]–8-3 列表页面逻辑实现.mp4 120.74M
| ├──[8.4]–8-4 详情页面布局开发（上）.mp4 101.32M
| ├──[8.5]–8-5 详情页面布局开发（下）.mp4 110.13M
| ├──[8.6]–8-6 详情页面逻辑开发.mp4 78.03M
| ├──[8.7]–8-7 分类列表页面布局开发（上）.mp4 100.88M
| ├──[8.8]–8-8 分类列表页面布局开发（下）.mp4 90.51M
| └──[8.9]–8-9 分类列表逻辑开发（1）.mp4 60.19M
├──{9}–第9章 实战“欢乐购”：购物车逻辑开发
| ├──[9.10]–9-10 购物车下单逻辑实现（上）.mp4 76.97M
| ├──[9.11]–9-11 购物车下单逻辑实现（下）.mp4 77.33M
| ├──[9.1]–9-1 详情页面购物车弹窗功能开发（上）.mp4 66.67M
| ├──[9.2]–9-2 详情页面购物车弹窗功能开发（下）.mp4 93.56M
| ├──[9.3]–9-3 详情页面添加购物车逻辑实现.mp4 163.53M
| ├──[9.4]–9-4 分类列表页面购物车逻辑实现（上）.mp4 106.06M
| ├──[9.5]–9-5 分类列表页面购物车逻辑实现（下）.mp4 67.06M
| ├──[9.6]–9-6 购物车页面布局开发（上）.mp4 107.46M
| ├──[9.7]–9-7 购物车页面布局开发（下）.mp4 152.37M
| ├──[9.8]–9-8 购物车实现动态话数据渲染（上）.mp4 94.12M
| └──[9.9]–9-9 购物车实现动态话数据渲染（下）.mp4 68.35M