React17 系统精讲 结合TS打造旅游电商平台 【点击下载】 React—大厂前端必备的技能点。本课程将带你系统学习 React17 的完整技术体系,并结合 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 1:《React17 系统精讲 结合TS打造旅游电商平台》来自某课网,原价299,由猿人部落整理发布!猿人部落承诺,本站所有课程百分百高清,完整,原画,包含所有的视频+素材+课件+源码,官方同步体验! 2:本站所有课程格式MP4格式无密 可以通过网盘在线学习也可下载到本地,方便快捷! 3: 所有课程全部支持试看任何章节,可通过点击右侧官方微信扫码添加要求试看! 4:官方品质,信誉保证,本站包含某课网,某讯课堂,某易云,饥人谷,某度教育....等上万部课程正在陆续更新,感谢同学们的信任与支持,保证让同学们满意! 5:所有课程都会包更新,只要官方更新本站延迟2-3天就会更新。 6:爱好学习,一直提升自己的小伙伴可以开通会员,享受全站免金币无限制畅快学习! 7:点击下方链接进行试看,在线看默认流畅,调节成原画,最好直接下载到本地是超清! 试看链接:https://pan.baidu.com/s/1hNSJZXnCkbL7OYlkKTO89w 提取码:6hnj 如需咨询请点击 [qq]772441382[/qq] 章节目录: 第1章 【前言】这,不仅仅是一门课程的开始 试看 本章中,将向大家介绍本门课的相关信息,包括你能学到的知识概览、最终项目效果、学习所需的知识储备、课程讲解方式、推荐的学习方法以及未来的更新计划等等。 共 1 节 (12分钟) 收起列表 1-1 课前须知,这里有你需要了解得一切 (12:00) 试看 第2章 【基础篇】配置React与TypeScript工作环境 试看 本章开始,我们将正式开启React的学习之旅,首先让我们一起来学习,如何搭建开发环境,并学会如何启动一个react + typescript 的项目。 共 7 节 (36分钟) 收起列表 2-1 带着问题来学习 2-2 【环境搭建】开始我们的第一个React项目 (07:46) 2-3 【延伸阅读】NPM vs YARN 2-4 【项目启动】使用create-react-app快速搭建React (09:55) 试看 2-5 【TypeScript配置】tsconfig.json详解 (11:35) 2-6 【延伸阅读】tsconfig.json编译器配置文档 2-7 【TypeScript配置】深挖TS编译流程 (06:07) 第3章 【基础篇】React 与 TypeScript React是什么?他的出现解决了什么问题?让我们通过制作一个购物网站来认识react的基础知识吧。在本章中,将会围绕类组件的知识点带同学们慢慢领悟React的特征。 共 16 节 (110分钟) 收起列表 3-1 带着问题来学习 3-2 章节总览 (02:54) 3-3 【概念理解】React的前世今生 (08:09) 3-4 【组件化】初识React函数式组件 (12:48) 3-5 【概念理解】JSX 编程思维 (10:53) 3-6 【组件化】配置React的CSS模组 (13:50) 3-7 【延伸阅读】CSS in JS (JSS) 3-8 【资源配置】加载媒体与字体文件 (05:51) 3-9 【组件化】创建class类组件 (08:53) 3-10 【延伸阅读】React的行内样式与CSS 3-11 【概念理解】State vs Props (05:56) 3-12 【事件驱动】React Event 事件处理 (12:32) 3-13 【异步处理】获取网络API数据 (09:53) 3-14 【异步处理】setState的异步开发 (06:01) 3-15 【死与新生】探索React组件的生命周期 (06:50) 3-16 【概念理解】React 17 版本变化 (05:24) 第4章 【基础篇】React Hooks 本章将会基于react hooks 继续完成购物车组件,并通过函数式组件来学习hooks相关知识与技巧。 共 10 节 (83分钟) 收起列表 4-1 带着问题来学习 4-2 【概念理解】 什么是钩子(hooks) (09:14) 4-3 【状态钩子】使用useState管理组件state (08:01) 4-4 【概念理解】副作用 side effect (05:31) 4-5 【副作用钩子】使用useEffect异步获取数据 (10:43) 4-6 【副作用钩子】useEffect 使用指南 (10:35) 4-7 【全局数据传递】Context 与 useContext (07:23) 4-8 【全局数据传递】组件化Context Provider (13:09) 4-9 【高阶组件HOC】withAddToCart() (11:24) 4-10 【自定义Hook】useAddToCart() (06:31) 第5章 【实战项目】项目搭建与首页开发 试看 掌握基础概念以后就可以正式进入课程的实战演练部分。本章,我们将会搭建实战项目,从整体上学习实战项目的结构、学习如何给项目划分功能模块、并且学会如何更合理的配置前端项目。实战项目中也将全面使用react hooks。 共 8 节 (69分钟) 收起列表 5-1 带着问题来学习 5-2 【项目规划】网站开发设计指南 (09:43) 5-3 【项目启动】系统设计与项目初始化 (08:45) 5-4 【主页开发】Header、Footer (16:03) 5-5 【项目重构】组件化思想实践 (05:50) 5-6 【主页开发】走马灯与侧边栏多重菜单 (12:53) 试看 5-7 【主页开发】热门产品推荐 (13:46) 5-8 【实战任务】开发合作企业组件 (01:49) 第6章 【路由系统】React Router Dom 构建和优化一个合理的路由架构是前端攻城狮必须掌握的技能。在本章中,课程会以react-router-dom为例,学会如何使用组件化的思想搭建一个简单、高效、可拓展的路由系统。 共 7 节 (57分钟) 收起列表 6-1 带着问题来学习 6-2 【概念理解】路由与SPA (06:27) 6-3 【路由初始化】配置react-router (12:10) 6-4 【路由架构】基础路由系统 (09:04) 6-5 【路由搭建】页面导航 (14:17) 6-6 【路由搭建】withRouter 与 useRouter (10:47) 6-7 【路由搭建】Link 与动态导航 (03:49) 第7章 【Redux入门】action 与 reducer redux是目前react中最流行的架构模式,本章将会通过网站的i18n国际化语言切换为案例,一步一步学会如何创建状态仓库store、如何实现store的链接与订阅、如何拆分合并reducer,以及如何统一管理action。除此以外,我们还会学习如何使用TypeScript来处理redux相关代码的强类型定义。... 共 10 节 (121分钟) 收起列表 7-1 带着问题来学习 7-2 【概念理解】什么是redux? (12:15) 7-3 【创建state】createStore (13:04) 7-4 【访问state】获取store数据 (07:27) 7-5 【更新state】Action与Reducer处理 (11:50) 7-6 【订阅state】store的连接与订阅 (09:59) 7-7 【i18n】完成网站语言切换 (22:14) 7-8 【redux重构】action 的拆分与统一 (15:10) 7-9 【redux封装】在类组件中使用react-redux (16:18) 7-10 【redux封装】在函数式组建中使用react-redux (12:10) 第8章 【Redux进阶】异步AJAX与redux中间件 前后端分离架构是目前网站开发的主流技术,本章我们将会学习如何在react项目中通过AJAX进行http数据访问,并通过redex-thunk来完成redux架构中异步action的处理方法。 第9章 【产品浏览】搜索与详情 本章,我们来完成项目的产品模块,包括产品的搜索、过滤、分页、以及数据塑形,同时我们也会学习如何进行产品相关页面ui的布局,完成旅游路线搜索页面、旅游路线详情页面等等。 第10章 【顶部导航】用户登陆 作为一个电商平台,用户的登陆以及注册永远是核心功能。本章我们将会学习如何使用JWT(json web token)来实现react网站的无状态登陆,使用redux来全局管理用户状态,并且通过Redux-persist来持久化网站状态。除此以外,我们还会学习react的表单,以及如何使用async/await模式处理异步数据请求。... 第11章 【购物模块】状态管理redux 本章将会综合运用之前几章所掌握的react与redux技术,实现电商网站最重要的两个功能,“购物”与“订单支付”。本章中,我们将会完成用户的购物车系统、结算系统、在线支付系统、以及订单管理系统。 第12章 【项目上线】网站测试与部署 测试与部署是软件开发生命周期的最后一步,本章中,我们将会使用第三方框架来编写测试用例,学习如何进行react组件的测试、如何对redux的action与reducer的进行测试,最后还会学习如何使用docker进行容器化部署,实现在阿里云上线。... 第13章 【展望】这,不会是结束 本章让我们一起来总结所学内容! 本课程持续更新中 来源: React17 系统精讲 结合TS打造旅游电商平台 |