# 从零构建React

一步一步的从零构建一个React(16.8)。

React 是目前最流行的前端框架,很多读者用 React 很溜,但想要深入学习 React 的原理就会被官方源码仓库浩瀚如烟的代码绕的晕头转向。今天我们通过不依赖任何第三方库的方式,抛弃边界处理、性能优化、安全性等弱相关代码手写一个基础版的 React ,供大家学习和理解 React 的核心原理。

本文实现的是包含现代 React 最新特性 Hooks 和 Concurrent Mode 的版本,传统 class 组件的方式稍有不同,不影响理解核心原理。本文函数、变量等标识符命名都和官方尽量贴近,方便以后深入官方源码。

参考资料 (opens new window)

# 目录总览

  1. 从最简单的React渲染说起

  2. 实现createElement函数

  3. 实现render函数

  4. 并发模式 / Concurrent Mode

  5. Fibers数据结构

  6. render和commit阶段

  7. 更新和删除节点 / Reconciliation

  8. 函数组件

  9. 函数组件 Hooks

  10. 总结

最近更新时间: 2020/5/26 19:03:58