本文将从useEffect的‘闪烁’问题切入，通过devtools并结合源码来分析useEffect与useLayoutEffect的执行细节，最后总结业务开发中二者的适用场景。</p ...

本系列文章将深入源码剖析react的工作流程，在开始之前有几点说明： 本文解析的react源码基于react17.0.3 本文图示的源码都省 ...

内部原理 JSX 语法、内部数据结构、协调器对比算法、算法优化的假设条件、setState 更新、合成事件、Fiber JSX 语法 <h2 ...

为何引入fiber <div class="image-container" style="max-w ...

前言 在hooks没有出现之前，函数组件基本只做展示功能，涉及到状态管理，我们需要用到class组件或者数据管理框架（redux/dva/mobx）; ...

bi-designer 是阿里数据中台团队自研的前端搭建引擎，基于它开发了阿里内部最大的数据分析平台，以及阿里云上的 QuickBI。 bi-designer 目前没有开源，因此文中使用的私有 ...

1. 引言 为什么要了解 Function 写法的组件呢？因为它正在变得越来越重要。 那么 React 中 Function Component 与 Class Compo ...

简介 React 16.8 于 2019.2 正式发布，这是一个能提升代码质量和开发效率的特性，笔者就抛砖引玉先列出一些实践点，希望得到大家进一步讨论。 然而需要理解的是，没有一个完美的 ...

本周精读的仓库是 immer。 1 引言 Immer 是最近火起来的一个项目，由 <a ...

State（状态模式） State（状态模式）属于行为型模式。 意图：允许一个对象在其内部状态改变时改变它的行为。对象看起来似乎修改了它的类。</ ...