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

【资源介绍】：

带你一课打通 React + TS 实用技能

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

【资源目录】：

├──1-为什么越来越多的工程师选用 React

| ├──1-1 这可能是最适合新手学习 React 18 的第一门课.mp4 10.38M

| ├──1-2 为什么越来越多的工程师选用 React.mp4 6.82M

| ├──1-3 React 18 和先前版本的区别.mp4 9.72M

| └──1-4 找对方法，轻松系统化入门 React 使用.mp4 5.00M

├──10-实战“欢乐购”：订单详情页面的开发与项目上线

| ├──10-1 订单详情页面布局开发（上）.mp4 247.06M

| ├──10-2 订单详情页面布局开发（下）.mp4 262.21M

| ├──10-3 订单页面收货人信息逻辑开发（上）.mp4 251.62M

| ├──10-4 订单页面收货人信息逻辑开发（下）.mp4 229.95M

| ├──10-5 日期选择器的使用方法.mp4 148.94M

| ├──10-6 订单支付逻辑开发（上）.mp4 132.85M

| ├──10-7 订单支付逻辑开发（下）.mp4 127.97M

| ├──10-8 项目上线流程（上）.mp4 90.65M

| └──10-9 项目上线流程（下）.mp4 94.37M

├──11-【福利】彩蛋：React 框架实现原理

| ├──11-1 React 代码是如何被转化成原生 JS 代码的.mp4 80.38M

| ├──11-10 Reconciliation 阶段（中）.mp4 212.06M

| ├──11-11 Reconciliation 阶段（下）.mp4 143.65M

| ├──11-12 函数组件的实现.mp4 109.00M

| ├──11-13 useState 的实现.mp4 211.77M

| ├──11-2 createElement 底层的实现.mp4 79.82M

| ├──11-3 Babel 转换 JSX 的实现.mp4 63.26M

| ├──11-5 Concurrent Mode 实现思路-8c70e552f945.mp4 80.06M

| ├──11-6 Fiber 的原理和基础实现（上）.mp4 89.76M

| ├──11-7 Fiber 的原理和基础实现（下）.mp4 197.01M

| ├──11-8 Render & Commit 阶段.mp4 138.57M

| └──11-9 Reconciliation 阶段（上）.mp4 195.41M

├──2-React 编程初体验

| ├──2-1 如何在网页中快速使用 React（上）.mp4 51.36M

| ├──2-10 下棋逻辑的实现（下）.mp4 37.41M

| ├──2-11 借助数据设计实现游戏状态计算逻辑（上）.mp4 51.18M

| ├──2-12 借助数据设计实现游戏状态计算逻辑（下）.mp4 50.08M

| ├──2-13 优化拆分组件实现数据共享.mp4 36.82M

| ├──2-14 历史回溯功能的实现.mp4 52.69M

| ├──2-2 如何在网页中快速使用 React（下）.mp4 70.71M

| ├──2-3 React 开发调试工具安装.mp4 37.27M

| ├──2-4 React常见语法初探（上）.mp4 63.97M

| ├──2-5 React 常见语法初探（中）.mp4 45.73M

| ├──2-6 React 常见语法初探（下）.mp4 50.55M

| ├──2-7 React 工程初始化和游戏功能预览.mp4 48.43M

| ├──2-8 实现棋盘布局.mp4 26.01M

| └──2-9 下棋逻辑的实现（上）.mp4 35.01M

├──3-React 基础语法

| ├──3-1 React UI 展示相关概念详解（上）.mp4 33.02M

| ├──3-10 Key 值的作用详解.mp4 39.29M

| ├──3-11 使用 Reducer 聚合数据处理逻辑（上）.mp4 40.16M

| ├──3-12 使用 Reducer 聚合数据处理逻辑（下）.mp4 37.96M

| ├──3-13 Reducer 的优缺点解析（上）.mp4 45.67M

| ├──3-14 Reducer 的优缺点解析（下）.mp4 36.98M

| ├──3-15 使用 Context 完成深层组件传值.mp4 44.32M

| ├──3-16 Context 实际使用技巧 & 通过 Children 进行父子组件间 JSX 内容的传递.mp4 45.38M

| ├──3-17 使用 Reducer & Context 实现 TodoList 功能.mp4 68.56M

| ├──3-2 React UI 展示相关概念详解（下）.mp4 28.69M

| ├──3-3 使用事件和状态实现交互.mp4 49.85M

| ├──3-4 useState 原理讲解 & 事件查缺补漏.mp4 48.58M

| ├──3-5 Immutable 数据 & Immer 的使用（上）.mp4 30.15M

| ├──3-6 Immutable 数据 & Immer 的使用（下）.mp4 28.34M

| ├──3-7 理解声明式编程及其开发规范.mp4 56.70M

| ├──3-8 通过父子组件传值解决数据共享问题.mp4 38.49M

| └──3-9 组件状态重置背后的运行机理.mp4 33.04M

├──4-React 高阶语法

| ├──4-1 Ref 的基础使用.mp4 44.99M

| ├──4-10 useCallback、useDebugValue、useImperativeHandle 的使用方法.mp4 71.19M

| ├──4-11 Profiler 和 Suspense 内置组件的深度讲解.mp4 52.24M

| ├──4-12 使用 UseDeferredValue 提升用户体验.mp4 68.89M

| ├──4-13 useTransition 和 memo 的使用详解.mp4 70.18M

| ├──4-2 Ref 与元素和组件的结合使用.mp4 34.93M

| ├──4-3 Effect 的使用场景和基础使用步骤.mp4 40.01M

| ├──4-4 useEffect 的底层执行逻辑.mp4 71.27M

| ├──4-5 严格模式 Effect 两次执行问题的处理方法.mp4 53.43M

| ├──4-6 useMemo 的使用场景和使用方法.mp4 51.32M

| ├──4-7 useSyncExternalStore 的使用方法.mp4 38.56M

| ├──4-8 组件和Effect的生命周期 & UseEffectEvent 简单介绍.mp4 49.95M

| └──4-9 自定义 Hook 的作用及使用方法.mp4 43.93M

├──5-React 中常见的 TypeScript 类型定义

| ├──5-1 TypeScript 项目生成、语法入门及函数组件 Props 类型的定义.mp4 103.55M

| ├──5-2 Hooks 相关类型问题的处理（上）.mp4 100.79M

| ├──5-3 Hooks 相关类型问题的处理（下）.mp4 114.81M

| └──5-4 React 相关事件的 TS 类型定义.mp4 37.36M

├──6-实战“欢乐购”：登陆、注册、引导页面的开发

| ├──6-1 Charles、rem布局、一像素边框问题的前置工程准备（上）.mp4 53.99M

| ├──6-10 useRequest 代码改造及模态框提示功能实现.mp4 160.23M

| ├──6-11 使用 useImperativeHandle 进行模态框组件的封装实现.mp4 136.57M

| ├──6-12 使用 CreatePortal 完善 Modal 组件，优化请求发送逻辑.mp4 197.35M

| ├──6-13 注册页面的基础开发.mp4 196.91M

| ├──6-14 使用嵌套路由实现代码的抽象复用.mp4 223.09M

| ├──6-15 登陆逻辑的完整实现.mp4 97.29M

| ├──6-2 Charles、rem布局、一像素边框问题的前置工程准备（下）.mp4 78.89M

| ├──6-3 使用 Ref 和 CSS 动画完成引导页面开发.mp4 185.76M

| ├──6-4 使用 React-router-dom V6 版本实现登陆页面跳转（上）.mp4 103.51M

| ├──6-5 使用 React-router-dom V6 版本实现登陆页面跳转（下）.mp4 150.25M

| ├──6-6 使用 Sass 优化样式代码 & 使用 Axios + Charles 模拟请求开发（上）.mp4 67.44M

| ├──6-7 使用 Sass 优化样式代码 & 使用 Axios + Charles 模拟请求开发（下）.mp4 96.35M

| ├──6-8 封装通用请求 useRequest 自定义 Hook（上）.mp4 103.29M

| └──6-9 封装通用请求 useRequest 自定义 Hook（下）.mp4 121.67M

├──7-实战“欢乐购”：首页相关页面开发

| ├──7-1 使用 Swiper 实现首页顶部轮播效果.mp4 250.33M

| ├──7-10 首页完整布局样式开发（下）.mp4 117.60M

| ├──7-11 首页组件拆分及代码优化.mp4 255.00M

| ├──7-14 搜索页面布局开发（上）.mp4 121.09M

| ├──7-15 搜索页面布局开发（下）.mp4 104.26M

| ├──7-16 搜索页面逻辑实现.mp4 215.59M

| ├──7-2 使用地理位置接口获取用户定位信心.mp4 155.68M

| ├──7-3 useRequest 和 Modal 组件的封装升级（上）.mp4 116.35M

| ├──7-4 useRequest 和 Modal 组件的封装升级（下）.mp4 121.06M

| ├──7-5 首页数据动态获取（上）.mp4 123.54M

| ├──7-6 首页数据动态获取（下）.mp4 121.02M

| ├──7-7 分类及卡片区域布局开发（上）.mp4 167.58M

| ├──7-8 分类及卡片区域布局开发（下）.mp4 223.51M

| └──7-9 首页完整布局样式开发（上）.mp4 195.81M

├──8-实战“欢乐购”：商品列表及详情页面开发

| ├──8-1 简单列表页面布局实现.mp4 229.19M

| ├──8-10 分类列表逻辑开发（2）.mp4 179.37M

| ├──8-11 分类列表逻辑开发（3）.mp4 155.05M

| ├──8-12 分类列表逻辑开发（4）.mp4 153.11M

| ├──8-13 分类列表逻辑开发（5）.mp4 117.60M

| ├──8-2 使用路由完成页面间参数传递.mp4 143.50M

| ├──8-3 列表页面逻辑实现.mp4 245.37M

| ├──8-4 详情页面布局开发（上）.mp4 187.83M

| ├──8-5 详情页面布局开发（下）.mp4 212.13M

| ├──8-6 详情页面逻辑开发.mp4 154.49M

| ├──8-7 分类列表页面布局开发（上）.mp4 216.35M

| ├──8-8 分类列表页面布局开发（下）.mp4 207.18M

| └──8-9 分类列表逻辑开发（1）.mp4 115.63M

├──9-实战“欢乐购”：购物车逻辑开发

| ├──9-1 详情页面购物车弹窗功能开发（上）.mp4 134.29M

| ├──9-10 购物车下单逻辑实现（上）.mp4 146.02M

| ├──9-11 购物车下单逻辑实现（下）.mp4 152.18M

| ├──9-2 详情页面购物车弹窗功能开发（下）.mp4 207.02M

| ├──9-3 详情页面添加购物车逻辑实现.mp4 330.00M

| ├──9-4 分类列表页面购物车逻辑实现（上）.mp4 225.37M

| ├──9-5 分类列表页面购物车逻辑实现（下）.mp4 142.50M

| ├──9-6 购物车页面布局开发（上）.mp4 237.39M

| ├──9-7 购物车页面布局开发（下）.mp4 352.13M

| ├──9-8 购物车实现动态话数据渲染（上）.mp4 194.70M

| └──9-9 购物车实现动态话数据渲染（下）.mp4 141.18M

└──资料代码

| └──React_18_sorce_code-main.exe 15.09M