sophie旭

Hooks 初始化 知道了执行函数组件的函数，以及不同的 Hooks 对象之后，我们看一下在组件初始化的时候， Hooks 的处理逻辑，Hooks 初始化流程使用的是 mo...

renderWithHooks 所有函数组件的触发是在 renderWithHooks 方法中，前面讲过在 fiber 调和过程中，遇到 Function Componen...

Hooks 是什么？Hooks 是函数组件对应的 fiber 之间的沟通桥梁 关键点分析： 函数组件没有实例：类组件通过this访问实例属性（state、context等）...

进入调度 scheduleCallback 首先上一下 流程图， 我们还是将同步任务和异步任务分开讲解 一、同步更新的流程（isSync 分支） 同步更新是指‌立即执行‌的...

这一节，作者分别介绍了legacy模式和Concurrent模式下的更新流程，首先科普一下 这两种模式。 Legacy 模式和 Concurrent 模式 Legacy 模...

【学习目标】 看懂下面代码的执行顺序： 猜到打印顺序了吗？ 这段打印结果反应了两个问题 第一， useInsertionEffect，useLayoutEffect，use...

让我们再回顾一下performUnitOfWork 的过程 performUnitOfWork 是什么来着？他是调和每一个 workInProgress fiber的入口，...

10.1我们提到 renderRootSync 是调和过程中的渲染阶段，下面来详细讲解一下 fiber更新循环 workLoop 来看函数体： 首先我们来解释下本文最重要的...

背景 最近在看《深入浅出react开发指南》，这是我接触react以来第二次看，第一次看的时候，基本上是不知所云，那因为最近在恶补 react原理，又捡起来了，才发现真是宝...

普通情况下，当用户触发更新的时候，整个 React 渲染过程是不可被打断的，直到渲染流程结束之后才可以继续执行其他任务。...

背景 最近看了点 vue/react 对比的文章，在这边试图总结一下，大家凑合看看吧，欢迎交流 不同的理念 Vue.js 和 React 之间的主要区别之一是它们如何称呼自...

可能有人问，为啥会突然讲这么基础的内容？ 原因是这样的，最近工作实在太忙，没有时间看更难理解的内容，所以我想回到开始的章节，整理一下基础内容，谁说基础内容就没有含金量？看完...

渲染阶段作用是什么? 首先来思考一个问题，组件在一次更新中， 类组件执行渲染，执行函数组件 renderWithHooks --- 渲染函数 渲染函数的作用是什么呢? 它们...

来到了比较难啃的一章，所以我会放慢脚步，一节一节的更新，希望在整理的过程中，慢慢理解。 1 调和优化手段 如图，如果 D 是一个组件，并且触发了 useState 或者 s...

话说这么快进阶到 React架构设计，我是有点抵触的，但是书就是这样的顺序，那就一起看看吧 1. 虚拟 DOM 与 fiber Virtual DOM 不是真实的 DOM，...

来到新公司，接触 react以来，有因为对 react 机制理解不清而造成 过线上问题 因此，我洗心革面，买了本react书，希望能在100天内的时间里，从被 react ...

背景 由于新公司 产品logo没有想好，所以希望我们的产品可以定制主题色。 主题色配置，这个功能对我来说听起来既陌生又熟悉，就好像一直有接触，但是第一笔又不知道怎么下。 不...