本文通过手写一个简易版 React,来了解 Fiber 架构到底做了些什么?从而对 React 基本原理有一个直观的认识;

实现的版本为16.8,基于https://pomb.us/build-your-own-react/

掘金地址:https://juejin.cn/post/7023319961883901988/#heading-22

需要有React基础;

1、实现目标:


  1. createElement;
  2. render;
  3. 并发模式;
  4. Fibers;
  5. 渲染和提交 ;
  6. 协调;
  7. 函数组件;
  8. hooks;
  9. 类组件

2、扩展:

React15实现:https://www.yuque.com/linhe-8mnf5/fxyxkm/nutmq1
原理篇:https://www.yuque.com/linhe-8mnf5/fxyxkm/sifrm7

3、参考:

  1. https://pomb.us/build-your-own-react/
  2. https://react.iamkasong.com/