明星讲师 Dell 全新力作,带你一课打通 React + TS 实用技能 你将学到: 1. 构建 React 18 核心应用体系 4. 解锁 React+TS 高阶实用技巧 2. 提升企业级项目构建设计能力 5. 拓展源码解读及底层设计思维 3. 实践流行调试工具集使用技巧 6. 夯实开发提效工程化应用能力 前端技术专家 Dell 老师 2023 年最新力作,带你系统构建 React 18 技术体系,并结合“欢乐购”项目,快速积累企业级前端项目实战经验,落地 React 18 与 TypeScript 结合的实用开发技巧。同时老师分享了React框架核心源码实现原理的深度思考,进一步帮助大家 “学懂用活”,真正走近框架,全面提升技术实力。 适合人群 想要一站式解锁 React 18 核心应用及底层设计思维,提升流行框架应用能力的开发者 希望快速提升企业级项目构建、设计能力的前端开发者 技术储备 熟悉 Javascript、HTML、CSS 基础语法 了解 Webpack 等前端工基本使用 了解 TypeScript 基础语法 环境参数 react 18.2.0 typescript 4.9.5 Node.js 16.15.1 试看链接:https://pan.baidu.com/s/1J5HqZOSIykdTdyRPDWnxJg?pwd=k3hz 目录大纲: 第1章 为什么越来越多的工程师选用 React 4 节|21分钟 收起 视频: 1-1 这可能是最适合新手学习 React 18 的第一门课 试看 04:43 视频: 1-2 为什么越来越多的工程师选用 React 04:47 视频: 1-3 React 18 和先前版本的区别 试看 07:27 视频: 1-4 找对方法,轻松系统化入门 React 使用 03:35 第2章 React 编程初体验 14 节|193分钟 收起 视频: 2-1 如何在网页中快速使用 React(上) 试看 17:02 视频: 2-2 如何在网页中快速使用 React(下) 18:23 视频: 2-3 React 开发调试工具安装 10:44 视频: 2-4 React常见语法初探(上) 16:54 视频: 2-5 React 常见语法初探(中) 10:01 视频: 2-6 React 常见语法初探(下) 12:28 视频: 2-7 React 工程初始化和游戏功能预览 18:05 视频: 2-8 实现棋盘布局 10:17 视频: 2-9 下棋逻辑的实现(上) 11:31 视频: 2-10 下棋逻辑的实现(下) 12:24 视频: 2-11 借助数据设计实现游戏状态计算逻辑(上) 13:34 视频: 2-12 借助数据设计实现游戏状态计算逻辑(下) 12:24 视频: 2-13 优化拆分组件实现数据共享 10:25 视频: 2-14 历史回溯功能的实现 18:12 第3章 React 基础语法 17 节|271分钟 收起 视频: 3-1 React UI 展示相关概念详解(上) 14:26 视频: 3-2 React UI 展示相关概念详解(下) 12:35 视频: 3-3 使用事件和状态实现交互 22:26 视频: 3-4 useState 原理讲解 & 事件查缺补漏 21:50 视频: 3-5 Immutable 数据 & Immer 的使用(上) 13:02 视频: 3-6 Immutable 数据 & Immer 的使用(下) 10:04 视频: 3-7 理解声明式编程及其开发规范 17:28 视频: 3-8 通过父子组件传值解决数据共享问题 15:37 视频: 3-9 组件状态重置背后的运行机理 14:47 视频: 3-10 Key 值的作用详解 17:06 视频: 3-11 使用 Reducer 聚合数据处理逻辑(上) 13:28 视频: 3-12 使用 Reducer 聚合数据处理逻辑(下) 10:59 视频: 3-13 Reducer 的优缺点解析(上) 11:36 视频: 3-14 Reducer 的优缺点解析(下) 11:40 视频: 3-15 使用 Context 完成深层组件传值 19:59 视频: 3-16 Context 实际使用技巧 & 通过 Children 进行父子组件间 JSX 内容的传递 18:31 视频: 3-17 使用 Reducer & Context 实现 TodoList 功能 24:45 第4章 React 高阶语法 13 节|235分钟 收起 视频: 4-1 Ref 的基础使用 14:37 视频: 4-2 Ref 与元素和组件的结合使用 13:29 视频: 4-3 Effect 的使用场景和基础使用步骤 13:42 视频: 4-4 useEffect 的底层执行逻辑 23:48 视频: 4-5 严格模式 Effect 两次执行问题的处理方法 15:13 视频: 4-6 useMemo 的使用场景和使用方法 13:51 视频: 4-7 useSyncExternalStore 的使用方法 13:33 视频: 4-8 组件和Effect的生命周期 & UseEffectEvent 简单介绍 20:59 视频: 4-9 自定义 Hook 的作用及使用方法 14:34 视频: 4-10 useCallback、useDebugValue、useImperativeHandle 的使用方法 23:36 视频: 4-11 Profiler 和 Suspense 内置组件的深度讲解 21:04 视频: 4-12 使用 UseDeferredValue 提升用户体验 25:21 视频: 4-13 useTransition 和 memo 的使用详解 20:44 第5章 React 中常见的 TypeScript 类型定义 4 节|73分钟 收起 视频: 5-1 TypeScript 项目生成、语法入门及函数组件 Props 类型的定义 22:07 视频: 5-2 Hooks 相关类型问题的处理(上) 20:43 视频: 5-3 Hooks 相关类型问题的处理(下) 20:29 视频: 5-4 React 相关事件的 TS 类型定义 09:32 第6章 实战“欢乐购”:登陆、注册、引导页面的开发 内容更新中 第7章 实战“欢乐购”:首页相关页面开发 内容更新中 第8章 实战“欢乐购”:商品列表及详情页面开发 内容更新中 第9章 实战“欢乐购”:交易链路页面开发 内容更新中 第10章 实战“欢乐购”:项目打包与上线 内容更新中 第11章 【福利】彩蛋:React 框架实现原理 来源: 2023 React 18 系统入门 进阶实战《欢乐购》 |