为什么react需要fiber架构，fiber如何让任务分片进行，vue为什么不需要fiber架构。

本节分析了"fiber"与"hook"的内在关系, 通过"renderWithHooks"函数, 把"Hook"链表挂载到了"fiber.memoizedState"之上.

React的2大工作循环分别是"任务调度循环"和"fiber构造循环". 本文从宏观角度阐述这两大循环的作用, 以及它们之间的区别和联系.

整个项目大概有60+个页面，用到的组件大概150+，package里面的依赖大概有70+个，应该勉强算得上是一个中型的React的项目了。 打包时间约150s，打包完之后的资源gzip之后约1.2m，尽管之前分离了一些公用依赖，但是index包的体积达到了600+还是令人难以接…

本文的主要目的是阅读源码的过程中做下笔记和分享给有需要的小伙伴，可能会有纰漏和错误，请读者自行判断，头一次写阅读代码的文章，可能写得有点乱，有什么问题欢迎一起探讨一起进步。 React的版本为16.4，主分支的代码，只贴出部分关键代码，完整代码请到Github查看。 在阅读源码…

随着应用程序单页面需求的越来越复杂，应用状态的管理也变得越来越混乱。应用的状态不仅包括从服务器获取的数据，还包括本地创建的数据，以及反应本地UI状态的数据，而Redux正是为解决这一复杂问题而存在的。 用Redux官网的话来概括什么是Redux：Redux是针对JavaScri…

上一篇说了项目搭建和结构，这篇说说vue 的render 函数，比较核心的概念。去年写过一点react，所以知道render 函数是用来创建虚拟dom 的，那个时候写 jsx 还是不亦乐乎的。列出几个问题作为这篇的结构： 这个问题是由于当前写的组件没注册为vue 组件，或者组件…

通过对 react 源码深入探索与分析，理解 react 的渲染过程，更新机制，diff 差异算法。能够帮助我们在项目开发中，更加游刃有余，充分利用 react 的优势来优化开发网站。

前端模块化成为了主流的今天，离不开各种打包工具的贡献。为了避免成为一位“配置工程师”，我们需要来了解一下打包工具的运行原理，只有把核心原理搞明白了，在工具的使用上才能更加得心应手。