深入学习一个框架最直接的方式，就是弄明白框架的原理。React 无疑是一个非常值得学习其原理的框架，它设计简单，没有引入任何新的概念，一个组件就是一个方法或一个类。
但是要完整弄明白 React 的源码并不简单，React 的代码有数万行，特别是在引入 Fiber 架构后，在 React 简单的外表之下，其核心已经变得非常复杂。
为了实现一个 React，我们需要抓住 React 最核心的部分，我分步骤写完了四篇博客，它们讲述了 React 最核心的几块内容：
- 从零开始实现一个 React （一）：JSX 和虚拟 DOM
- 从零开始实现一个 React （二）：组件和生命周期
- 从零开始实现一个 React （三）：diff 算法
- 从零开始实现一个 React （四）：异步的 setState
每一篇文章结束都能实现 React 的一块功能，内容都不长，而且代码都有详细的注释，只要有简单基础的同学都能看明白。
另外最后的实现成果也单独放在一个仓库里啦：simple-react
如果觉得它们对你有帮助，请关注我的博客哦，点击 star 关注，订阅点击 watch
我的博客：https://github.com/hujiulong/blog
如果遇到问题，或者找到了什么 bug，都请在 github 上联系我
Select Language