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

课程介绍

React — 大厂前端必备的技能点，本课程将带你系统学习 React18 的完整技术体系，并结合 TypeScript 开发热门业务应用，实现对于框架的深度掌握，助你提升硬实力，快人一步进大厂。

第1章 【前言】这，不仅仅是一门课程的开始

本章中，将向大家介绍本门课的相关信息，包括你能学到的知识概览、最终项目效果、学习所需的知识储备、课程讲解方式、推荐的学习方法以及未来的更新计划等等。

第2章 【基础篇】配置React与TypeScript工作环境

本章开始，我们将正式开启React的学习之旅，首先让我们一起来学习，如何搭建开发环境，并学会如何启动一个react + typescript 的项目。【另，TS基础不太好得同学，也可以先移步第13章附录篇，补一下基础再来进修哦】

第3章 【基础篇】React 与 TypeScript

React是什么？他的出现解决了什么问题？让我们通过制作一个购物网站来认识react的基础知识吧。在本章中，将会围绕类组件的知识点带同学们慢慢领悟React的特征。

第4章 【基础篇】React Hooks

本章将会基于react hooks 继续完成购物车组件，并通过函数式组件来学习hooks相关知识与技巧。

第5章 【实战项目】项目搭建与首页开发

掌握基础概念以后就可以正式进入课程的实战演练部分。本章，我们将会搭建实战项目，从整体上学习实战项目的结构、学习如何给项目划分功能模块、并且学会如何更合理的配置前端项目。实战项目中也将全面使用react hooks。

第6章 【路由系统】react-router-dom V5

构建和优化一个合理的路由架构是前端攻城狮必须掌握的技能。在本章中，课程会以react-router-dom V5为例，学会如何使用组件化的思想搭建一个简单、高效、可拓展的路由系统。想直接学习react-router-dom V6的同学可以跳过本章。

第7章 【路由系统】react-router-dom V6

构建和优化一个合理的路由架构是前端攻城狮必须掌握的技能。在本章中，课程会以react-router-dom V6为例，学会如何使用组件化的思想搭建一个简单、高效、可拓展的路由系统。

第8章 【Redux 入门】实战项目架构设计

redux是目前react中最流行的架构模式，本章将会通过网站的i18n国际化语言切换为案例，一步一步学会如何创建状态仓库store、如何实现store的链接与订阅、如何拆分合并reducer，以及如何统一管理action。除此以外，我们还会学习如何使用TypeScript来处理redux相关代码的强类型定义。…

第9章 【进击的Redux】异步AJAX与redux中间件

前后端分离架构是目前网站开发的主流技术，本章我们将会学习如何在react项目中通过AJAX进行http数据访问，并通过redex-thunk来完成redux架构中异步action的处理方法。

第10章 【Redux-Toolkit】完成产品搜索与产品详情

本章，我们来完成项目的产品模块，包括产品的搜索、过滤、分页、以及数据塑形，同时我们也会学习如何进行产品相关页面ui的布局，完成旅游路线搜索页面、旅游路线详情页面等等。

第11章 【顶部导航】用户登陆

作为一个电商平台，用户的登陆以及注册永远是核心功能。本章我们将会学习如何使用JWT（json web token）来实现react网站的无状态登陆，使用redux来全局管理用户状态，并且通过Redux-persist来持久化网站状态。除此以外，我们还会学习react的表单，以及如何使用async/await模式处理异步数据请求。…

第12章 【综合运用】 购物与订单

本章将会综合运用之前几章所掌握的react与redux技术，实现电商网站最重要的两个功能，“购物”与“订单支付”。本章中，我们将会完成用户的购物车系统、结算系统、在线支付系统、以及订单管理系统。

第13章 【项目上线】网站测试与部署

测试与部署是软件开发生命周期的最后一步，本章中，我们将会使用第三方框架来编写测试用例，学习如何进行react组件的测试、如何对redux的action与reducer的进行测试，最后还会学习如何使用docker进行容器化部署，实现在阿里云上线。…

第14章 【附录篇】TypeScript语法入门

为方便同学们学习，特将【2小时极速入门 TypeScript】作为课程附录内容赠送提供给大家。在本章中，主要介绍TypeScript 工作流以及编译配置，认识TypeScript 基本特性以及TypeScript 面对对象特性等，帮助同学们轻松上手Typescript常规应用。…