React18 系统精讲结合TS打造旅游电商平台

本站官方QQ群：116064591

PS 本站不保证资源的完整性，不对其真实性负责。请自行确认是否符合个人需求。如有介意，请勿获取。

第1章【前言】这，不仅仅是一门课程的开始【1 节 | 12分钟】
第2章【基础篇】配置React与TypeScript工作环境【7 节 | 35分钟】
- 图文：2-1 带着问题来学习
- 视频：2-2 【环境搭建】开始我们的第一个React项目 (07:25)
- 视频：2-4 【延伸阅读】NPM vs YARN
- 图文：2-5 【TypeScript配置】tsconfig.json详解 (11:35)
- 视频：2-6 【延伸阅读】tsconfig.json编译器配置文档
- 图文：2-7 【TypeScript配置】深挖TS编译流程 (06:07)
第3章【基础篇】React与TypeScript 【17 节 | 109分钟】
- 图文：3-1 带着问题来学习
- 视频：3-2 章节总览 (02:54)
- 视频：3-3 【概念理解】React的前世今生 (08:09)
- 视频：3-4 【组件化】初识React函数式组件 (11:49)
- 视频：3-5 【概念理解】JSX 编程思维 (10:37)
- 视频：3-6 【组件化】配置React的CSS模组 (13:50)
- 图文：3-7 【延伸阅读】CSS in JS (JSS)
- 视频：3-8 【资源配置】加载媒体与字体文件 (05:51)
- 视频：3-9 【组件化】创建class类组件 (08:53)
- 图文：3-10 【延伸阅读】React的行内样式与CSS
- 视频：3-11 【概念理解】State vs Props (05:56)
- 视频：3-12 【事件驱动】React Event 事件处理 (12:32)
- 视频：3-13 【异步处理】获取网络API数据 (09:54)
- 视频：3-14 【异步处理】setState的异步开发 (06:01)
- 视频：3-15 【死与新生】探索React组件的生命周期 (06:50)
- 视频：3-16 【概念理解】React 17 版本变化 (05:24)
- 作业：3-17 【讨论题】什么是 React？
第4章【基础篇】ReactHooks 【11 节 | 85分钟】
- 图文：4-1 带着问题来学习
- 视频：4-2 【概念理解】什么是钩子(hooks) (09:14)
- 视频：4-3 【状态钩子】使用useState管理组件state (08:01)
- 视频：4-4 【概念理解】副作用 side effect (05:31)
- 视频：4-5 【副作用钩子】使用useEffect异步获取数据 (10:43)
- 视频：4-6 【副作用钩子】useEffect 使用指南 (11:42)
- 视频：4-7 【全局数据传递】Context 与 useContext (07:23)
- 视频：4-8 【全局数据传递】组件化Context Provider (14:04)
- 视频：4-9 【高阶组件HOC】withAddToCart() (11:24)
- 视频：4-10 【自定义Hook】useAddToCart() (06:31)
- 作业：4-11 【讨论题】React Hooks 深度分析
第5章【实战项目】项目搭建与首页开发【9 节 | 70分钟】
- 图文：5-1 带着问题来学习
- 视频：5-2 【项目规划】网站开发设计指南 (09:43)
- 视频：5-3 【项目启动】系统设计与项目初始化 (08:45)
- 视频：5-4 【主页开发】Header、Footer (17:11)
- 视频：5-5 【项目重构】组件化思想实践 (05:50)
- 视频：5-7 【主页开发】热门产品推荐 (13:46)
- 视频：5-8 【实战任务】开发合作企业组件 (01:49)
- 视频：5-9 【讨论题】软件开发生命周期
第6章【路由系统】react-router-domV5 【8 节 | 58分钟】
- 图文：6-1 带着问题来学习
- 视频：6-2 【概念理解】路由与SPA (07:11)
- 视频：6-3 【路由初始化】配置react-router (11:57)
- 视频：6-4 【路由架构】基础路由系统 (09:04)
- 视频：6-5 【路由搭建】页面导航 (14:17)
- 视频：6-6 【路由搭建】withRouter 与 useRouter (10:47)
- 视频：6-7 【路由搭建】Link 与动态导航 (03:49)
- 作业：6-8 【讨论题】组件究竟是什么？
第7章【路由系统】react-router-domV6 【7 节 | 49分钟】
- 图文：7-1 带着问题来学习
- 视频：7-2 【概念理解】路由与SPA (06:15)
- 图文：7-3 【路由升级】如何从React Router V5 升级到 V6（选修）
- 视频：7-4 【路由初始化】配置react-router (11:45)
- 视频：7-5 【路由架构】基础路由及页面导航 (14:05)
- 视频：7-6 【路由跳转】useNavigate()钩子与Link组件- (09:09)
- 视频：7-7 【路由拓展】如何支持类组件 (07:23)
第8章【Redux入门】实战项目架构设计【11 节 | 120分钟】
- 图文：8-1 带着问题来学习
- 视频：8-2 【概念理解】什么是redux？ (12:15)
- 视频：8-3 【创建state】createStore (14:20)
- 视频：8-4 【访问state】获取store数据 (07:17)
- 视频：8-5 【更新state】Action与Reducer处理 (11:50)
- 视频：8-6 【订阅state】store的连接与订阅 (10:11)
- 视频：8-7 【i18n】完成网站语言切换 (22:14)
- 视频：8-8 【redux重构】action 的拆分与统一 (14:24)
- 视频：8-9 【redux封装】在类组件中使用react-redux (15:39)
- 视频：8-10 【redux封装】在函数式组建中使用react-redux (10:52)
- 作业：8-11 【讨论题】redux 深度分析
第9章【进击的Redux】异步AJAX与redux中间件【10 节 | 88分钟】
- 图文：9-1 带着问题来学习
- 视频：9-2 【概念理解】RESTful (09:08)
- 图文：9-3 【API说明】课程后端在哪里？
- 视频：9-4 【API连接】AJAX 异步获取推荐数据 (16:04)
- 视频：9-5 【概念理解】Redux vs MVC (06:09)
- 视频：9-6 【reducer管理】combineReducers (20:23)
- 视频：9-7 【中间件】使用redux-thunk中间价实现异步action (13:16)
- 视频：9-8 【中间件】什么是中间件 (08:41)
- 视频：9-9 【中间件】自定义中间件 actionLog (07:19)
- 视频：9-10 【RESTful进阶（选修）】Richardson成熟度模型与HATOAS (06:19)
第10章【Redux-Toolkit】完成产品搜索与产品详情【9 节 | 120分钟】
- 图文：10-1 带着问题来学习
- 视频：10-2 章节总览 (04:44)
- 视频：10-3 【详情页面搭建 1】页面框架、详情与日期选择 (24:56)
- 视频：10-4 【详情页面搭建 2】页面框架、详情与日期选择 (13:24)
- 视频：10-5 【概念理解】什么是redux-toolkit (15:31)
- 视频：10-6 【redux-toolkit】createSlice、reducer、与immer (18:24)
- 视频：10-7 【概念理解】createAsyncThunk 理论基础 (06:52)
- 视频：10-8 【redux-toolkit】sotre配置(configureStore)与异步处理(createAsyncThunk) (13:18)
- 视频：10-9 【综合运用】搜索页面 (22:06)
第11章【顶部导航】用户登陆【11 节 | 86分钟】
- 图文：11-1 带着问题来学习
- 视频：11-2 【布局重构】页面布局 (12:38)
- 视频：11-3 【注册页面】Antd + ts 表单处理 (09:08)
- 视频：11-4 【注册页面】注册业务逻辑处理 (06:21)
- 视频：11-5 【概念理解】Status Code 的重要性 (04:58)
- 视频：11-6 【登录页面】用户登录表单与布局 (03:29)
- 视频：11-7 【概念理解】JWT原理剖析 (05:44)
- 视频：11-8 【JWT实例】JWT与单点登录实例解释 (09:20)
- 视频：11-9 【登录页面】SignIn登录业务处理 (12:40)
- 视频：11-10 【登录页面】SignOut登出业务处理 (10:04)
- 视频：11-11 【redux-persist】登录持久化 (10:47)
第12章【综合运用】购物与订单【9 节 | 62分钟】
- 图文：12-1 带着问题来学习
- 视频：12-2 【路由进阶】私有路由搭建 (06:30)
- 视频：12-3 【UI搭建】购物车页面初始化 (08:51)
- 视频：12-4 【Redux创建】购物车 Slice (08:59)
- 视频：12-5 【redux连接】加载购物车 (13:53)
- 视频：12-6 【购物模块完成】购物车下单 (06:10)
- 视频：12-7 【UI搭建】在线支付页面初始化 (06:16)
- 视频：12-8 【Redux创建】订单 Slice (06:09)
- 视频：12-9 【redux连接】完成在线支付 (04:47)
第13章【项目上线】网站测试与部署【9 节 | 47分钟】
- 图文：13-1 带着问题来学习
- 视频：13-2 【章节总览】部署方案介绍 (01:46)
- 视频：13-3 【静态部署】本地服务器托管 (04:52)
- 视频：13-4 【概念理解】5分钟带你认识Docker (05:28)
- 图文：13-5 【速查表】常用的docker命令
- 视频：13-6 【环境搭建】容器化方案与Docker配置 (07:49)
- 图文：13-7 【速查表】Dockerfile 语法
- 视频：13-8 【容器化改造】理解 Dockerfile 全过程 (09:56)
- 视频：13-9 【容器化上线】实现阿里云部署 (16:14)
第14章【附录篇】TypeScript语法入门【19 节 | 133分钟】
- 视频：14-1 什么是 TypeScript (14:22)
- 视频：14-2 开发环境配置 (05:57)
- 视频：14-3 typescript工作流 (10:47)
- 视频：14-4 变量声明 (05:23)
- 视频：14-5 TypeScript类型简介 (02:08)
- 视频：14-6 数字、布尔、与字符串 (07:40)
- 视频：14-7 数组(Array)和元组(Tupple) (08:27)
- 视频：14-8 联合(Union)与字面量(Literal)类型 (07:50)
- 视频：14-9 枚举类型 Enum (03:39)
- 视频：14-10 Any 与 unknow (05:22)
- 视频：14-11 void、undefined 与 Never- (06:22)
- 视频：14-12 类型适配 Type Assertions (03:44)
- 视频：14-13 函数类型 (03:57)
- 视频：14-14 object对象类型 (05:52)
- 视频：14-15 Interface 接口 (05:43)
- 视频：14-16 class 类 (11:38)
- 视频：14-17 Access Modifier 访问修饰符 (13:25)
- 视频：14-18 Module 模块 (03:06)
- 视频：14-19 Generics 泛型 (07:30)

1 本站名称：疯奇社
2 本站网址：https://www.shiyeluming.com
3 本站不保证资源的完整性，不对其真实性负责。
4 获取资源前务必确认资源目录是否包含本人需求内容，一经购买下载，则视为已确认包含，不接受任何形式的申诉与退款。
5 本站一切资源均来自于互联网，仅供大家学习与参考。如有侵权，请联系站长（QQ：1302982067）进行删除处理。
6 本站一切资源不代表本站立场，不代表本站赞同其观点，本站不对其真实性负责。
7 本站资源大多储存在云盘，如发现链接失效，请联系我们，我们会在第一时间更新。
8 根据 2002 年 1 月 1 日《计算机软件保护条例》规定：为了学习和研究软件内含的设计思想和原理，通过安装、显示、传输或者存储软件等方式使用软件的，可以不经软件著作权人许可，不向其支付报酬！

THE END