声明:本网站所有内容均为资源介绍学习参考,如有侵权请联系后删除
第1章 【前言】这,不仅仅是一门课程的开始
本章中,将向大家介绍本门课的相关信息,包括你能学到的知识概览、最终项目效果、学习所需的知识储备、课程讲解方式、推荐的学习方法以及未来的更新计划等等。
共 1 节 (12分钟)
1-1 课前须知,这里有你需要了解得一切 (12:00)
第2章 【基础篇】配置React与TypeScript工作环境
本章开始,我们将正式开启React的学习之旅,首先让我们一起来学习,如何搭建开发环境,并学会如何启动一个react + typescript 的项目。【另,TS基础不太好得同学,也可以先移步第13章附录篇,补一下基础再来进修哦】
共 7 节 (36分钟)
第3章 【基础篇】React 与 TypeScript
React是什么?他的出现解决了什么问题?让我们通过制作一个购物网站来认识react的基础知识吧。在本章中,将会围绕类组件的知识点带同学们慢慢领悟React的特征。
共 17 节 (110分钟)
第4章 【基础篇】React Hooks
本章将会基于react hooks 继续完成购物车组件,并通过函数式组件来学习hooks相关知识与技巧。
共 11 节 (83分钟)
第5章 【实战项目】项目搭建与首页开发
掌握基础概念以后就可以正式进入课程的实战演练部分。本章,我们将会搭建实战项目,从整体上学习实战项目的结构、学习如何给项目划分功能模块、并且学会如何更合理的配置前端项目。实战项目中也将全面使用react hooks。
共 9 节 (69分钟)
第6章 【路由系统】React Router Dom
构建和优化一个合理的路由架构是前端攻城狮必须掌握的技能。在本章中,课程会以react-router-dom为例,学会如何使用组件化的思想搭建一个简单、高效、可拓展的路由系统。
共 8 节 (57分钟)
第7章 【Redux 入门】实战项目架构设计
redux是目前react中最流行的架构模式,本章将会通过网站的i18n国际化语言切换为案例,一步一步学会如何创建状态仓库store、如何实现store的链接与订阅、如何拆分合并reducer,以及如何统一管理action。除此以外,我们还会学习如何使用TypeScript来处理redux相关代码的强类型定义。...
共 11 节 (118分钟)
第8章 【进击的Redux】异步AJAX与redux中间件
前后端分离架构是目前网站开发的主流技术,本章我们将会学习如何在react项目中通过AJAX进行http数据访问,并通过redex-thunk来完成redux架构中异步action的处理方法共 10 节 (88分钟)
第9章 【Redux-Toolkit】完成产品搜索与产品详情
本章,我们来完成项目的产品模块,包括产品的搜索、过滤、分页、以及数据塑形,同时我们也会学习如何进行产品相关页面ui的布局,完成旅游路线搜索页面、旅游路线详情页面等等。
共 9 节 (117分钟)
第10章 【顶部导航】用户登陆
作为一个电商平台,用户的登陆以及注册永远是核心功能。本章我们将会学习如何使用JWT(json web token)来实现react网站的无状态登陆,使用redux来全局管理用户状态,并且通过Redux-persist来持久化网站状态。除此以外,我们还会学习react的表单,以及如何使用async/await模式处理异步数据请求。...
共 11 节 (87分钟)
第11章 【综合运用】 购物与订单
本章将会综合运用之前几章所掌握的react与redux技术,实现电商网站最重要的两个功能,“购物”与“订单支付”。本章中,我们将会完成用户的购物车系统、结算系统、在线支付系统、以及订单管理系统。
共 9 节 (64分钟)
第12章 【项目上线】网站测试与部署
测试与部署是软件开发生命周期的最后一步,本章中,我们将会使用第三方框架来编写测试用例,学习如何进行react组件的测试、如何对redux的action与reducer的进行测试,最后还会学习如何使用docker进行容器化部署,实现在阿里云上线。...
共 9 节 (47分钟)