作者 BetterFE
发布时间
更新时间 2020-08-08 15:50

课程亮点:

  • 结合了基础+源码+实战的综合性课程
  • 巩固React基础知识,深入了解源码及实现原理
  • 从零开始实战React项目,提升实战经验
  • 提升编码能力,站在更高角度看问题

课程简介:

React 作为主流的前端框架,无论是在 GitHub 还是百度指数上都具有较高热度,得到业内认可。其中不得不提 React 里的虚拟 DOM,它使得前端的性能得到了大幅度提高。同时,React 的使用基本上是大型项目的首选,腾讯、网易、滴滴等大厂都选用了 React 框架。

对于前端工程师来说, React 是开发利器,对于了解前端开发现状的程序员来说,React 得到编程思想还能应用到 React Native 原生 App 开发,服务器端渲染的后端开发。 所以学习 React 能大大提升你的职场竞争力,满足技术招聘市场的需求,让自己有更大的发展空间。

市面上关于 React 的课程有很多,但是一课学好,一课学透,一课使你更好地把所学知识直接应用到实际工作中,在同等的学习时间内,选择本课程岂不是更划算?

本课程是少见的、同时结合了 基础+源码+实战 的综合性课程。课程面向有一定前端基础的初、中级前端工程师,有了本课程的加持,你将夯实 React 的基础,掌握 React 底层原理,并更能将其中的实战技巧运用自如。

课程以基础—进阶—实战为脉络,循序渐进,课程内容更着重于培养从初、中级前端工程师进阶到高级前端工程师的必备技能。并且带大家从零开始做一个实战的 React 项目。在面试过程中,运用本课程的内容能精准地回答面试官提出的React 相关的问题。在工作过程中,本课程的内容,不仅能让你使用 React 完成需求,还涉及到很多实战编码规范,能让你的编码能力得以提高。

讲师介绍:

本专栏出自于 Better FE 团队,由前端技术专家刘炬光指导,杨军、张少峰、胡晓晓、宋敏共同编写。团队成员项目经验丰富,都具有多年一线大厂开发经验。

课程模块:

本专栏是一门由浅入深再到实战的课程,分为三大模块:

基础:本模块主要带大家夯实基础,包括 React 基本概念和基础知识及 state、props、列表渲染等。也会带大家了解组件、Hooks、状态管理等知识。

进阶:本模块主要带大家掌握 React 较为高级的概念,包括 DOM 的渲染原理、Fiber 等,也会从源码层面带大家理解 diff 算法等。

实战:本模块会带大家从头开始做一个实战的React 项目,也会使用到蚂蚁团队的 umi 、dva、ant-design 等,从公司级的角度出发,带大家分析、思考及编码。

  • 第一阶段
    • 01 创建第一个 React 应用
    • 02 React 基础知识补充之 JSX & 元素渲染
    • 03 React 基础知识补充之 组件 & props & state
    • 04 React 基础知识补充之 事件处理
    • 05 React 基础知识补充之 条件渲染 & 列表渲染
    • 06 React 基础知识补充之 表单处理
    • 07 图解 React 生命周期
    • 08 浅析 setState 数据更新机制
    • 09 什么时候使用高阶组件 HOC?HOC 可以做什么?HOC 注意事项?
    • 10 如何看待 React 的新功能 Hooks,及如何使用状态共享?
    • 11 如何理顺 Redux 和 Flux 的状态管理?
    • 12 组件间数据传递和更新
    • 13 你不知道的 react-router?
    • 14 谈谈传送门(Portals)的前世与今生?
  • 第二阶段
    • 15 你不知道的虚拟 DOM 渲染原理
    • 16 图解 diff 算法
    • 17 探讨 Fiber 性能优化机制
    • 18 谈谈 React Server
    • 19 React 路由工作原理
  • 第三阶段实战
    • 20 阿里团队推出的 umi 有什么好处?
    • 21 dva 是什么,解决了什么问题?
    • 22 如何在项目中使用纯函数组件?
    • 23 如何在项目中使用 ant-design?
    • 24 如何优雅的封装一个请求函数?
    • 25 实现登录注册
    • 26 个人信息管理 & 用户信息存储 & 退出登录
    • 27 好友列表、群列表和消息列表
    • 28 好友管理(添加好友、添加黑名单、删除好友)
    • 29 群管理
    • 30 聊天消息的处理
    • 31 消息管理,本地存储