联系

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

内容简介

React — 大厂前端必备的技能点,本课程将带你系统学习 React 17 的完整技术体系,并结合 TypeScript 开发热门业务应用,实现对于框架的深度掌握,助你提升硬实力,快人一步进大厂。PS:本来准备按照以前版本更新一个的,会员有投稿,资料什么的也相对较全,所以以前下载的小伙伴们重新下载吧。

体系化掌握 React17 知识

· 从基础到进阶梯度提升

· Hooks、Redux 等重难点深度剖析

· React 核心知识一网打尽

深度提升 React 实战技能

· React+TS+Antd开发实战

· 主流React开发工具使用

· 让知识落地能力倍数提升

快速拓展 通用开发思维

· 系统分析-架构设计-开发-

落地全流程

· 组件化测试、容器化部署等

实用技巧

· 提升对大型项目的驾驭能力

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

课程目录

第1章 [前言]这,不仅仅是一门课程的开始 试看

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

共 1 节 (12分钟) 展开列表

第2章 [基础篇]配置React与TypeScript工作环境 试看

本章开始,我们将正式开启React的学习之旅,首先让我们一起来学习,如何搭建开发环境,并学会如何启动一个react + typescript 的项目。

共 7 节 (36分钟) 展开列表

第3章 [基础篇]React 与 TypeScript

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

共 16 节 (110分钟) 展开列表

第4章 [基础篇]React Hooks

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

共 10 节 (83分钟) 展开列表

第5章 [实战项目]项目搭建与首页开发 试看

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

共 8 节 (69分钟) 展开列表

第6章 [路由系统]React Router Dom

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

共 7 节 (57分钟) 展开列表

第7章 [Redux 入门]实战项目架构设计

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

共 10 节 (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模式处理异步数据请求。…

共 10 节 (76分钟) 展开列表

第11章 [购物模块]状态管理redux

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

第12章 [项目上线]网站测试与部署

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

资源目录

/026-475-React17 系统精讲 结合TS打造旅游电商平台(完结) [4.3G]

第10章 [顶部导航]用户登陆 [1.3G]

资料

9-9(官网和第10章一起更新的).MOV [338.4M]

10-10.MOV [214.5M]

10-11.MOV [82.6M]

10-1.JPG [491.8K]

10-2.MOV [219.8M]

10-3.MOV [99.3M]

10-4.MOV [60.4M]

10-5.MOV [24.7M]

10-6.MOV [30.7M]

10-7.MOV [26.6M]

10-8.MOV [67.8M]

10-9.MOV [175.6M]

第11章 [综合运用] 购物与订单 [540.7M]

资料

11-1.JPG [781.8K]

11-2.MOV [67.7M]

11-3.MOV [61M]

11-4.MOV [73.3M]

11-5.MOV [151M]

11-6.MOV [39.3M]

11-7.MOV [52.3M]

11-8.MOV [53.8M]

11-9.MOV [41.7M]

第12章 [项目上线]网站测试与部署 [356.9M]

资料

12-1.JPG [577.8K]

12-2.MOV [11.6M]

12-3.MOV [66.4M]

12-4.MOV [22.8M]

12-5.JPG [1004.7K]

12-6.MOV [63.5M]

12-7.JPG [1.7M]

12-8.MOV [42.2M]

12-9.MOV [147.3M]

第1章[前言]这,不仅仅是一门课程的开始 [183.5M]

2021_01_08_19_38_IMG_8198.MOV [183.5M]

第2章 [基础篇]配置React与TypeScript工作环境 [0B]

2-1 带着问题来学习

2-2 [环境搭建]开始我们的第一个React项目 (0746

2-3 [延伸阅读]NPM vs YARN

2-4 [项目启动]使用create-react-app快速搭建React

2-5 [TypeScript配置]tsconfig.json详解

2-6 [延伸阅读]tsconfig.json编译器配置文档

2-7 [TypeScript配置]深挖TS编译流程

第3章 [基础篇]React 与 TypeScript [0B]

3-1 带着问题来学习

3-10 [延伸阅读]React的行内样式与CSS

3-11 [概念理解]State vs Props (0556)

3-12 [事件驱动]React Event 事件处理

3-13 [异步处理]获取网络API数据

3-14 [异步处理]setState的异步开发

3-15 [死与新生]探索React组件的生命周期

3-16 [概念理解]React 17 版本变化

3-2 章节总览

3-3 [概念理解]React的前世今生

3-4 [组件化]初识React函数式组件

3-5 [概念理解]JSX 编程思维

3-6 [组件化]配置React的CSS模组

3-7 [延伸阅读]CSS in JS (JSS)

3-8 [资源配置]加载媒体与字体文件

3-9 [组件化]创建class类组件

第4章 [基础篇]React Hooks [0B]

4-1 带着问题来学习

4-10 [自定义Hook]useAddToCart()

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]withAddToCart()

第5章 [实战项目]项目搭建与首页开发 [0B]

5-1 带着问题来学习

5-2 [项目规划]网站开发设计指南 5-2 [项目规划]网站开发设计指南

5-3 [项目启动]系统设计与项目初始化

5-4 [主页开发]Header、Foote

5-5 [项目重构]组件化思想实践

5-6 [主页开发]走马灯与侧边栏多重菜单

5-7 [主页开发]热门产品推荐

5-8 [实战任务]开发合作企业组件

第6章 [路由系统]React Router Dom [0B]

6-1 带着问题来学习

6-2 [概念理解]路由与SPA

6-3 [路由初始化]配置react-router

6-4 [路由架构]基础路由系统

6-5 [路由搭建]页面导航

6-6 [路由搭建]withRouter 与 useRouter

6-7 [路由搭建]Link 与动态导航

第7章 [Redux入门]action 与 reducer [0B]

7-1 带着问题来学习

7-10 [redux封装]在函数式组建中使用react-redux

7-2 [概念理解]什么是redux?

7-3 [创建state]createStore

7-4 [访问state]获取store数据

7-5 [更新state]Action与Reducer处理

7-6 [订阅state]store的连接与订阅

7-7 [i18n]完成网站语言切换

7-8 [redux重构]action 的拆分与统一

7-9 [redux封装]在类组件中使用react-redux

第8章 [Redux进阶]异步AJAX与redux中间件 [504.1M]

8-10.mov [17.7M]

8-1.jpg [627.3K]

8-2.mov [16.4M]

8-3.jpg [629.8K]

8-4.mov [137.9M]

8-5.mov [10.4M]

8-6.mov [152.3M]

8-7.mov [124.5M]

8-8.mov [17.9M]

8-9.mov [25.8M]

第9章[Redux-Tooklkit]完成产品搜索与产品详情 [1.5G]

资料.ch9

9-1.JPG [786.1K]

9-2.MOV [18.9M]

9-3.MOV [252.7M]

9-4.MOV [369.2M]

9-5.MOV [210.1M]

9-6.MOV [339.4M]

9-7.MOV [113M]

9-8.MOV [214.1M]

我的Git仓库 [0B]

react_ts

资料 [0B]

react_ts

您可能还喜欢...

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注