共计 559 个字符,预计需要花费 2 分钟才能阅读完成。
这是我几个月前写的文章,在前端面试中原理相关的问题是问的最多的,所以重新推荐下这几篇文章
深入学习一个框架最直接的方式,就是弄明白框架的原理。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 上联系我
正文完
发表至: javascript
2019-03-20