本文分析源码版本为17.0.1。虽然React现在已经迭代到18+ 版本了，相信大多数项目还是没有跟进更新的，所以个人认为学习老的版本并不过时。因此后续内容在未特殊说明情况下，默认为Sync模式。

相信很多人跟我之前一样，看到源码两个字觉得触不可及，觉得离自己还很遥远，是需要非常多年的工作经验的大佬才能触及到的领域。就在去年我改变了这个想法，当时被react的几个生命周期执行顺序弄的睡不着觉。

Fiber是react团队花费两年的时间重构的架构，那么你知道如何将jsx转化为fiber链表，又是如何将链表链接起来的？fiber中又保存了哪些信息吗？..。

一. redux的实现 在一切开始之前，我们首先要回答一个问题：为什么我们需要redux，redux为我们解决了什么问题？只有回答了这个问题，我们才能把握redux的设计思路。 React作为一个组件化开发框架，组件之间存在大量通信，有时这些通信跨越多个组件，或者多个组件之间共…

Fiber最主要的思想就是将任务拆分：DOM需要渲染时暂停，空闲时恢复。window.requestIdleCallback。React内部实现的机制。关键特性：增量渲染，可被打断，任务分级

目前来看 Context 是一个非常强大但是很多时候不会直接使用的 api。大多数项目不会直接使用 createContext 然后向下面传递数据，而是采用第三方库（react-redux）。 想想项