context 是 React 提供的特性，可以实现任意层级组件之间的数据传递。 可能大家用过 context，但是不知道它是怎么实现的。 本文就从源码层面来讲下 cotnext 的原理，而且我们能从

zustand 是一个非常时髦的状态管理库，也是 2021 年 Star 增长最快的 React 状态管理库。它的理念非常函数式，API 设计的很优雅，值得学习。

今天我们React源码交流群里有个小伙伴提出个有趣的问题，觉得自己对React运行流程理解很到位的同学，可以来看看。 render。即调用render函数，根据返回的JSX创建新的fiber。 bailout。即满足一定条件时，React判断该组件在更新前后没有发生变化，则复用…

我会尽量将文章写的通俗易懂。但是，要完全理解文章内容，需要你掌握这些前置知识： 如果你还不具备前置知识，可以先阅读React技术揭秘。 Context的实现与组件的render息息相关。在讲解其实现前，我们先来了解render的时机。 聊过。在这里再概括下： 在React中，每…

在React中，有一个valueStack，是一个栈结构，其中会存入Context信息，在beginWork阶段，当Fiber节点为ContextProvider时，会将当前的Context的旧值压入栈，并赋予新值，当此Fiber节点执行到completeWork阶段时，会将旧…

通过在父组件上声明getChildContext方法为其子孙组件提供context，我们称其ProviderComponent。注意必须要声明Parent.childContextType才会生效，而子组件如果需要使用context，需要显示得声明Child.contextTy…