📚 课程介绍
本课程深入讲解React17框架，结合TypeScript，通过实际项目开发，打造一个旅游电商平台，涵盖从环境搭建到项目上线全流程。
📋 学习前提
1. HTML/CSS基础（网页结构和样式语言） 2. JavaScript基础（网页交互编程语言） 3. React基础（用于构建用户界面的JavaScript库） 4. TypeScript基础（JavaScript的一个超集，提供类型系统）
📖 课程目录
第1章 前言
1-1 课前须知，这里有你需要了解得一切
第2章 基础篇 配置React与TypeScript工作环境
2-2 开始我们的第一个React项目
2-4 使用create-react-app快速搭建React
第3章 基础篇 React与TypeScript
3-2 章节总览
3-3 React的前世今生
3-4 JSX 编程思维
3-5 初识React函数式组件
3-6 创建class类组件
3-7 配置React的CSS模组
3-8 加载媒体与字体文件
3-9 组件化
3-10 JSX 编程思维
3-11 State vs Props
3-12 事件驱动
3-13 获取网络API数据
3-14 setState的异步开发
3-15 探索React组件的生命周期
3-16 React 17 版本变化
第4章 基础篇 React Hooks
4-2 什么是钩子(hooks)
4-3 使用useState管理组件state
4-4 副作用 side effect
4-5 使用useEffect异步获取数据
4-6 useEffect 使用指南
4-7 Context 与 useContext
4-8 组件化Context Provider
4-9 高阶组件HOC
4-10 useAddToCart()
第5章 实战项目 项目搭建与首页开发
5-2 网站开发设计指南
5-3 系统设计与项目初始化
5-4 Header、Footer
5-5 组件化思想实践
5-6 走马灯与侧边栏多重菜单
5-7 热门产品推荐
5-8 开发合作企业组件
第6章 路由系统 React Router Dom
6-2 路由与SPA
6-3 配置react-router
6-4 基础路由系统
6-5 页面导航
6-6 withRouter 与 useRouter
6-7 Link 与动态导航
第7章 Redux入门 action 与 reducer
7-2 什么是redux？
7-3 createStore
7-4 获取store数据
7-5 Action与Reducer处理
7-6 store的连接与订阅
7-7 i18n完成网站语言切换
7-8 action的拆分与统一
7-9 在类组件中使用react-redux
7-10 在函数式组建中使用react-redux
第8章 进击的Redux 异步AJAX与redux中间件
8-2 RESTful
8-4 AJAX 异步获取推荐数据
8-5 Redux vs MVC
8-6 combineReducers
8-7 使用redux-thunk中间价实现异步action
8-8 什么是中间件
8-9 自定义中间件 actionLog
8-10 Richardson成熟度模型与HATOAS
第9章 Redux-Toolkit 完成产品搜索与产品详情
9-2 章节总览
9-3 详情页面搭建 1 页面框架、详情与日期选择
9-4 详情页面搭建 2 页面框架、详情与日期选择
9-5 什么是redux-toolkit
9-6 createSlice、reducer、与immer
9-7 createAsyncThunk 理论基础
9-8 sotre配置(configureStore)与异步处理(createAsyncThunk)
9-9 搜索页面
第10章 顶部导航 用户登陆
10-2 页面布局
10-3 Antd + ts 表单处理
10-4 注册业务逻辑处理
10-5 Status Code 的重要性
10-6 用户登录表单与布局
10-7 JWT原理剖析
10-8 JWT与单点登录实例解释
10-9 SignIn登录业务处理
10-10 SignOut登出业务处理
10-11 登录持久化
第11章 综合运用 购物与订单
11-2 私有路由搭建
11-3 购物车页面初始化
11-4 购物车 Slice
11-5 加载购物车
11-6 购物车下单
11-7 在线支付页面初始化
11-8 订单 Slice
11-9 完成在线支付
第12章 项目上线 网站测试与部署
12-2 部署方案介绍
12-3 本地服务器托管
12-4 5分钟带你认识Docker
12-6 容器化方案与Docker配置
12-8 理解 Dockerfile 全过程
12-9 实现阿里云部署
