首页 实战 React18 系统精讲 结合TS打造旅游电商平台
收藏

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

一门课系统掌握大厂前端核心技能-React

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

¥299.00
已完结 难度 中级 时长 20小时 学习人数 1978 综合评分 9.96
React从入门到复杂项目实践
套餐价格:¥606.00
2门课 总价:¥667.00
立即购买
两大主流框架系统精讲
套餐价格:¥586.00
2门课 总价:¥647.00
立即购买
从0构建自己的React项目
套餐价格:¥539.00
2门课 总价:¥598.00
立即购买
React18 从全栈开启前端之旅
套餐价格:¥539.00
2门课 总价:¥598.00
立即购买

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

阿莱克斯刘
讲师

资深全栈工程师

课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看
课程目标

从知识梳理到项目实战,系统提升 React18 核心应用技能

0-2年前端工程师进大厂必修课

体系化掌握 React18 知识
· 从基础到进阶梯度提升
· Hooks、Redux 等重难点深度剖析
· React 核心知识一网打尽
深度提升 React 实战技能
· React+TS+Antd开发实战
· 主流React开发工具使用
· 让知识落地能力倍数提升
快速拓展 通用开发思维
· 系统分析-架构设计-开发-
  落地全流程
· 组件化测试、容器化部署等
  实用技巧
· 提升对大型项目的驾驭能力
课程亮点

React18 精讲 + TS 实战 + 热门业务开发

让你的提升之路走得更稳更快

从0开始,由易到难,框架核心逐层掌握
React 基础
React 的 TS 强类型拓展
React 组件
React hooks
Redux 状态管理
开发思维提升

JSX 语法与编程思想

React UI 渲染原理

模块化样式加载

CSS in JS (JSS)

State vs Props

事件处理

探索 tsconfig,配置 ts 编译器

TS编译流程

TSX vs JSX

组件的强类型定义

Props 与 State 的高效类型拓展

Redux store 连接处理

组件化思想

类组件 vs 函数式组件

组件间数据传递

组件的生命周期

异步数据处理

组件化 Context Provider

组件状态函数 useState

副作用处理函数 useEffect

跨组件数据传递 Context API

HOC 高阶组件

自定义 hook

函数式编程思想

store 的连接与订阅

action 和 reducer 拆分与统一

react-redux 状态管理架构

redux-thunk 实现异步 action

配置与使用自定义中间件

大型工程项目架构与开发流程

i18n 国际化处理

eject 与配置 Webpack

容器化并用 Docker 部署与上线

实战热门业务“ React 旅游网”,真正将理论知识落地

经典旅游项目实战
涵盖复杂多样的 React 开发技能及技巧

· create-react-app 构建基于TS的运行环境

· redux 实现网站状态全局管理

· react-router 处理公有、私有路由

· Ant design4 实现页面组件化架构

· redux-persist 实现网站状态持久化

课程大纲
第1章 【前言】课程开始
第2章 【基础篇】配置 React 与 TypeScript 工作环境
第3章 【基础篇】React 与 TypeScript
第4章 【基础篇】React Hooks
第5章 【实战项目】项目搭建与首页开发
课程导学,包括知识储备、项目预览、课程讲解方式、学习方法、以及未来的更新计划。
正式开始学习 react,首先学习如何搭建开发环境,并学会如何启动一个 react + typescript 的项目。
通过制作一个购物网站来学习 react 的基础知识,本章将会是围绕类组件的知识点带同学们慢慢领悟 React 的特征
本章将会继续完成演示项目的购物车组件,并通过函数式组件来学习 react hooks 相关知识与技巧。
本章,我们将会搭建实战项目,从整体上学习实战项目的结构、学习如何给项目划分功能模块、并且学会如何更合理的配置前端项目。实战项目将全面使用
react hooks。
查看完整目录
专属服务

每个慕课网课程,都是一个专业的技术社区

个性化增值服务,学习有保障更高效

答疑专区+技术社区
连百度谷歌都搜不到的问题,在这里讲
师都将耐心详细解答,更有小伙伴一起
交流互动,共同进步。
课程全套代码下载
提供课程全套源代码下载包含:
全套组件封装镜像、私有仓库、各个服
务的镜像、项目源代码。
独家“动态”教辅材料
丰富的专属教辅资料实时上传更新,通过
课程教案、原理图解、技术文档、演示案
例等各种教材,保障你的学习效果。
本课程详尽电子书
为了方便同学们高效学习,讲师为每一
章节都配备了详细的电子书,可用作复
习手册。
技术要求
1.熟悉 HTML、JavaScript、CSS 等前端基础 2.了解 Typescript 基础语法
环境参数
Node: 18 (向下兼容v12)React: 18.1.0 TypeScript: 4.6.4 Redux: 4.2.0 Antd: 4.20.4

万事俱备 只等你来

  • mei57485

    好评

    以前项目没怎么用过react,现在想重新学习react新的hook,老师讲得很详细,加上ts可以说是比较不错的课程,讲解很生动,不会枯燥乏味,课程的整体连贯性好,学起来也很轻松。特别是讲hook和ts的时候,很容易接受,有时一遍看基本可以听明白了,到时真正在项目上用上了,可以继续刷几遍,课程也是一直免费不断的更新的,觉得挺受用的。

  • 兔脚

    好评

    我已经在工作中使用react+redux,但还没有ts+hook的项目经验,趁着休息时间购买这门课充实下自己,真的觉得老师的课程内容讲得很好,课程的连贯性也很好,专业术语解得到位,特别是使用函数组件和类组件作对比和重构,待我把ts知识再充实一点,再回头二刷这门课。

  • 慕田峪0356378

    好评

    Alex老师的课程, 真心叹服。 我是从他的ASP.NET Core, Restful API, 一直“追”到这门课的。思路清晰, 总结得当, 实战性强。 只希望Alex 老师的课程越来越多。

查看全部603条用户评价
提问
数据加载中...
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题?

扫码添加指导老师 1V1 帮助你!

添加后老师会第一时间解决你的问题