这是我几个月前写的文章,在前端面试中原理相关的问题是问的最多的,所以重新推荐下这几篇文章
深入学习一个框架最直接的方式,就是弄明白框架的原理。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上联系我