下雪

vue3.0 base版终于发布了，最近了解下相关功能的介绍以及API文档，其中响应式从原来的Object.defineProperty()改为Proxy代理。 什么是Pr...

state更新概览 在React中有那些行为可以触发状态更新： ReactDOM.render：在legacy模式下的HostRoot new ReactDOMRoot('...

概览 从本章开始我们将进入react的diff算法阶段，在正式进入此阶段之前，先了解下react diff算法的设计动机。 设计动机 在某一时间节点调用 React 的 r...

commit 阶段 上一节我们讲完了render阶段，本章节我们将要进入commit阶段的学习。 在进入章节之前要牢记几件事： 用于副作用的effectList单项链表已形...

冒泡阶段 冒泡阶段的起始函数是completeUnitOfWork。 在上一章我们知道了beignWork完成成Fiber节点的创建，diff算法，调用render阶段的部...

捕获阶段 本章将要详细介绍render阶段的捕获阶段。那么我们先从捕获阶段的入口函数beginWork开始。 beginWork beginWork函数在ReactFibe...

概览 本章我们将要揭开render的神秘面纱，揭示React render阶段是怎样构建Fiber树。 首先，我们来看下render的调用栈： render阶段始于perf...

概念篇 在React中有大量的概念，我们平常打交道最多的是JSX，虚拟DOM，Fiber，React Compenent，React Element等，但是我们可能从来没有...

首页 在开始本文档之前已阅读了近两个月的源码，整个过程比想象的要难，React源码的复杂度和Vue相比不在一个量级上，其主要难点有两方面： 涉及很多的概念，包括Fiber，...

```javascript // 当前正在执行的hook let workInprogressHook = null; // 模拟是否已经挂载了 let isMount =...

什么是Svelte? Svelte叫法是[svèlt]， 本意是苗条纤瘦的，是一个新兴热门的前端框架。 相对于传统框架的主要区别在于：Svelte在编译/构建阶段将应用程序...