云课堂
课程地址:
git:https://github.com/chalecao/treact
适用人群
有简单的前端基础即可,通过学习能帮助你深入理解React框架底层原理,软件架构思想。
课程概述
零基础手写fiber架构React实战,带你一步一步学习相关知识点,手写代码实现,从底层理解React框架设计的原理,软件架构思路,然后进行编码开发实现。提升编程能力,同时锻炼软件架构设计思维。
课程大纲
章节1:课程介绍试看
课时1视频 课程介绍
章节2:前序基础知识
课时2视频 虚拟DOM和JSX
课时3视频 测试驱动开发
课时4视频 测试用例编写
章节3:实现React同步渲染
课时5视频 编译JSX语法
课时6视频 实现虚拟DOM节点渲染
课时7视频 实现虚拟DOM树内容渲染
章节4:实现React异步渲染
课时8视频 异步渲染原理
课时9视频 实现workloop渲染框架
课时10视频 实现Fiber节点树异步渲染
课时11视频 实现异步调度渲染
章节5:手写实现Hooks
课时12视频 实现函数式组件渲染
课时13视频 实现useState方法
课时14视频 实现useReducer
章节6:实现Reconciler协调器
课时15视频 什么是Reconciler协调器
课时16视频 实现事件绑定
课时17视频 拆分render和commit
课时18视频 实现DOM diff操作