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

一门课轻松掌握大厂前端核心技能-React

 

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

 

技术要求
1.熟悉 HTML、javaScript、CSS 等前端基础 2.了解 Typescript 基础语法
环境参数
Node : v14(向下兼容至v10) React : 17.0.1 Typescript : 4.1.2 Redux : 4.0.5 Antd : 4.9.2

试看链接:https://pan.baidu.com/s/1LF0fxkcX-n4x8iDmeQrWww?pwd=y83g

相关推荐:

TS+ React18高仿AntD从零到一打造组件库

React16.8+Next.js+Koa2开发Github全栈项目

章节目录:

  • .
    ├──  第1章 【前言】这,不仅仅是一门课程的开始/
    │   └── [ 35M]  1-1课前须知,这里有你需要了解得一切
    ├──  第2章 【基础篇】配置React与TypeScript工作环境/
    │   ├── [ 49K]  2-1带着问题来学习.pdf
    │   ├── [ 25M]  2-2【环境搭建】开始我们的第一个React项目
    │   ├── [ 31M]  2-3【项目启动】使用create-react-app快速搭建React
    │   ├── [ 66K]  2-4【延伸阅读】NPMvsYARN.pdf
    │   ├── [ 25M]  2-5【TypeScript配置】tsconfig.json详解
    │   ├── [265K]  2-6【延伸阅读】tsconfig.json编译器配置文档.pdf
    │   └── [ 27M]  2-7【TypeScript配置】深挖TS编译流程
    ├──  第3章 【基础篇】React 与 TypeScript/
    │   ├── [ 52K]  3-1带着问题来学习.pdf
    │   ├── [6.2M]  3-2章节总览
    │   ├── [ 16M]  3-3【概念理解】React的前世今生
    │   ├── [ 28M]  3-4【组件化】初识React函数式组件
    │   ├── [ 24M]  3-5【概念理解】JSX编程思维
    │   ├── [ 35M]  3-6【组件化】配置React的CSS模组
    │   ├── [171K]  3-7【延伸阅读】CSSinJS(JSS).pdf
    │   ├── [ 16M]  3-8【资源配置】加载媒体与字体文件
    │   ├── [ 23M]  3-9【组件化】创建class类组件
    │   ├── [101K]  3-10【延伸阅读】React的行内样式与CSS.pdf
    │   ├── [9.3M]  3-11【概念理解】StatevsProps
    │   ├── [ 39M]  3-12【事件驱动】ReactEvent事件处理
    │   ├── [ 29M]  3-13【异步处理】获取网络API数据
    │   ├── [ 20M]  3-14【异步处理】setState的异步开发
    │   ├── [ 17M]  3-15【死与新生】探索React组件的生命周期
    │   ├── [9.1M]  3-16【概念理解】React17版本变化
    │   └── [ 39K]  3-17【讨论题】什么是React?.pdf
    ├──  第4章 【基础篇】React Hooks/
    │   ├── [ 49K]  4-1带着问题来学习.pdf
    │   ├── [ 15M]  4-2【概念理解】什么是钩子(hooks)
    │   ├── [ 27M]  4-3【状态钩子】使用useState管理组件state
    │   ├── [9.6M]  4-4【概念理解】副作用sideeffect
    │   ├── [ 33M]  4-5【副作用钩子】使用useEffect异步获取数据
    │   ├── [ 34M]  4-6【副作用钩子】useEffect使用指南
    │   ├── [ 25M]  4-7【全局数据传递】Context与useContext
    │   ├── [ 39M]  4-8【全局数据传递】组件化ContextProvider
    │   ├── [ 34M]  4-9【高阶组件HOC】withAddToCart()
    │   ├── [ 16M]  4-10【自定义Hook】useAddToCart()
    │   └── [ 43K]  4-11【讨论题】ReactHooks深度分析.pdf
    ├──  第5章 【实战项目】项目搭建与首页开发/
    │   ├── [ 50K]  5-1带着问题来学习.pdf
    │   ├── [ 27M]  5-2【项目规划】网站开发设计指南
    │   ├── [ 22M]  5-3【项目启动】系统设计与项目初始化
    │   ├── [ 46M]  5-4【主页开发】Header、Footer
    │   ├── [ 13M]  5-5【项目重构】组件化思想实践
    │   ├── [ 30M]  5-6【主页开发】走马灯与侧边栏多重菜单
    │   ├── [ 41M]  5-7【主页开发】热门产品推荐
    │   ├── [6.0M]  5-8【实战任务】开发合作企业组件
    │   └── [ 42K]  5-9【讨论题】软件开发生命周期.pdf
    ├──  第6章 【路由系统】react-router-dom V5/
    │   ├── [ 59K]  6-1带着问题来学习.pdf
    │   ├── [ 12M]  6-2【概念理解】路由与SPA
    │   ├── [ 38M]  6-3【路由初始化】配置react-router
    │   ├── [ 27M]  6-4【路由架构】基础路由系统
    │   ├── [ 41M]  6-5【路由搭建】页面导航
    │   ├── [ 46M]  6-6【路由搭建】withRouter与useRouter
    │   ├── [ 11M]  6-7【路由搭建】Link与动态导航
    │   └── [ 33K]  6-8【讨论题】组件究竟是什么?.pdf
    ├──  第7章 【路由系统】react-router-dom V6/
    │   ├── [ 49K]  7-1带着问题来学习.pdf
    │   ├── [ 12M]  7-2【概念理解】路由与SPA
    │   ├── [144K]  7-3【路由升级】如何从ReactRouterV5升级到V6(选修).pdf
    │   ├── [ 29M]  7-4【路由初始化】配置react-router
    │   ├── [ 36M]  7-5【路由架构】基础路由及页面导航
    │   ├── [ 29M]  7-6【路由跳转】useNavigate()钩子与Link组件-
    │   └── [ 20M]  7-7【路由拓展】如何支持类组件
    ├──  第8章 【Redux 入门】实战项目架构设计/
    │   ├── [ 57K]  8-1带着问题来学习.pdf
    │   ├── [ 22M]  8-2【概念理解】什么是redux?
    │   ├── [ 41M]  8-3【创建state】createStore
    │   ├── [ 29M]  8-4【访问state】获取store数据
    │   ├── [ 50M]  8-5【更新state】Action与Reducer处理
    │   ├── [ 35M]  8-6【订阅state】store的连接与订阅
    │   ├── [ 82M]  8-7【i18n】完成网站语言切换
    │   ├── [ 45M]  8-8【redux重构】action的拆分与统一
    │   ├── [ 72M]  8-9【redux封装】在类组件中使用react-redux
    │   ├── [ 49M]  8-10【redux封装】在函数式组建中使用react-redux
    │   └── [ 41K]  8-11【讨论题】redux深度分析.pdf
    ├──  第9章 【进击的Redux】异步AJAX与redux中间件/
    │   ├── [ 56K]  9-1带着问题来学习.pdf
    │   ├── [ 15M]  9-2【概念理解】RESTful
    │   ├── [2.0M]  9-3【API说明】课程后端在哪里?.pdf
    │   ├── [ 59M]  9-4【API连接】AJAX异步获取推荐数据
    │   ├── [8.5M]  9-5【概念理解】ReduxvsMVC
    │   ├── [ 73M]  9-6【reducer管理】combineReducers
    │   ├── [ 56M]  9-7【中间件】使用redux-thunk中间价实现异步action
    │   ├── [ 14M]  9-8【中间件】什么是中间件
    │   ├── [ 16M]  9-9【中间件】自定义中间件actionLog
    │   └── [ 13M]  9-10【RESTful进阶(选修)】Richardson成熟度模型与HATOAS
    ├──  第10章 【Redux-Toolkit】完成产品搜索与产品详情/
    │   ├── [ 53K]  10-1带着问题来学习.pdf
    │   ├── [9.8M]  10-2章节总览
    │   ├── [ 81M]  10-3【详情页面搭建1】页面框架、详情与日期选择
    │   ├── [ 55M]  10-4【详情页面搭建2】页面框架、详情与日期选择
    │   ├── [ 42M]  10-5【概念理解】什么是redux-toolkit
    │   ├── [ 57M]  10-6【redux-toolkit】createSlice、reducer、与immer
    │   ├── [ 20M]  10-7【概念理解】createAsyncThunk理论基础
    │   ├── [ 45M]  10-8【redux-toolkit】sotre配置(configureStore)与异步处理(createAsyncThunk)
    │   └── [ 63M]  10-9【综合运用】搜索页面
    ├──  第11章 【顶部导航】用户登陆/
    │   ├── [ 53K]  11-1带着问题来学习.pdf
    │   ├── [ 39M]  11-2【布局重构】页面布局
    │   ├── [ 21M]  11-3【注册页面】Antd+ts表单处理
    │   ├── [ 15M]  11-4【注册页面】注册业务逻辑处理
    │   ├── [6.7M]  11-5【概念理解】StatusCode的重要性
    │   ├── [8.2M]  11-6【登录页面】用户登录表单与布局
    │   ├── [ 12M]  11-7【概念理解】JWT原理剖析
    │   ├── [ 19M]  11-8【JWT实例】JWT与单点登录实例解释
    │   ├── [ 34M]  11-9【登录页面】SignIn登录业务处理
    │   ├── [ 43M]  11-10【登录页面】SignOut登出业务处理
    │   └── [ 30M]  11-11【redux-persist】登录持久化
    ├──  第12章 【综合运用】 购物与订单/
    │   ├── [ 57K]  12-1带着问题来学习.pdf
    │   ├── [ 18M]  12-2【路由进阶】私有路由搭建
    │   ├── [ 20M]  12-3【UI搭建】购物车页面初始化
    │   ├── [ 27M]  12-4【Redux创建】购物车Slice
    │   ├── [ 59M]  12-5【redux连接】加载购物车
    │   ├── [ 20M]  12-6【购物模块完成】购物车下单
    │   ├── [ 16M]  12-7【UI搭建】在线支付页面初始化
    │   ├── [ 20M]  12-8【Redux创建】订单Slice
    │   └── [ 15M]  12-9【redux连接】完成在线支付
    ├──  第13章 【项目上线】网站测试与部署/
    │   ├── [ 50K]  13-1带着问题来学习.pdf
    │   ├── [3.1M]  13-2【章节总览】部署方案介绍
    │   ├── [ 15M]  13-3【静态部署】本地服务器托管
    │   ├── [ 10M]  13-4【概念理解】5分钟带你认识Docker
    │   ├── [ 63K]  13-5【速查表】常用的docker命令.pdf
    │   ├── [ 20M]  13-6【环境搭建】容器化方案与Docker配置
    │   ├── [122K]  13-7【速查表】Dockerfile语法.pdf
    │   ├── [ 23M]  13-8【容器化改造】理解Dockerfile全过程
    │   └── [ 48M]  13-9【容器化上线】实现阿里云部署
    └──  第14章 【附录篇】TypeScript语法入门/
        ├── [ 33M]  14-1什么是TypeScript
        ├── [ 13M]  14-2开发环境配置
        ├── [ 24M]  14-3typescript工作流
        ├── [9.2M]  14-4变量声明
        ├── [3.3M]  14-5TypeScript类型简介
        ├── [ 14M]  14-6数字、布尔、与字符串
        ├── [ 17M]  14-7数组(Array)和元组(Tupple)
        ├── [ 18M]  14-8联合(Union)与字面量(Literal)类型
        ├── [6.2M]  14-9枚举类型Enum
        ├── [8.6M]  14-10Any与unknow
        ├── [ 12M]  14-11void、undefined与Never-
        ├── [6.7M]  14-12类型适配TypeAssertions
        ├── [8.0M]  14-13函数类型
        ├── [ 12M]  14-14object对象类型
        ├── [ 11M]  14-15Interface接口
        ├── [ 27M]  14-16class类
        ├── [ 31M]  14-17AccessModifier访问修饰符
        ├── [6.5M]  14-18Module模块
        └── [ 15M]  14-19Generics泛型
    └── 资料代码/