react
37篇文章 · 0订阅
  • React 源码：CommitWork 工作原理
    初始渲染时，`commitWork` 其实只处理了两个 `Fiber`：`RootFiber` 和 `RootFiber.child`
    前端 前端框架 React.js
    React 源码：CommitWork 工作原理
  • [通明境 · React架构]通俗地讲React，优雅地理解React
    ⚠️1.1万长文⚠️ React源码并非洪水猛兽，知道方法，就可以很轻易地驯服它(=^▽^=)。文章基于最新的React源码进行调试及阅读，将以通俗的形式揭秘React
    前端 React.js 源码
    [通明境 · React架构]通俗地讲React，优雅地理解React
  • 究竟为什么React不使用requestIdleCallback实现调度
    1.起因 最近在一边啃源码，一边手写fiber嘛，然后也看了很多博客和资料，基本上大伙好像都是说用requestIdleCallback来模拟react实现一个空闲时间调度。但我自己手写的时候把怎么用
    React.js
  • React源码解析之优先级Lane模型上
    概述 Lane是React中用于表示任务的优先级。优先级分为高优先级与低优先级，当用户操作界面时，为了避免页面卡顿，需要让出线程的执行权，先执行用户触发的事件，这个我们称之为高优先级任务，其它不那么重
    React.js
  • 一文读懂React的Transition实现原理
    Transition 使用姿势 Transition 是 react18 引入的新概念，用来区分紧急和非紧急的更新。 紧急的更新，指的是一些直接的用户交互，如输入、点击等
    前端 React.js
  • React源码解析之Scheduler
    解析源码前，我们明确几个问题： Scheduler是什么，作用是什么？ Scheduler的出现是为了解决什么问题？ Scheduler是一个任务调度器，它会根据任务的优先级对任务进行调用执行。 在有
    React.js 前端
  • React源码解析（四）：beginWork与completeWork源码解析
    beginWork 对整棵树的每一个节点进行更新操作，通过 switch (workInProgress.tag) 对不同的组件做不同的更新处理，更新当前节点 workInProgress ...
    React.js
    React源码解析（四）：beginWork与completeWork源码解析
  • 【React Scheduler源码第五篇】Scheduler延迟任务原理及源码手写
    在 scheduler 中，延迟任务到期后会被添加到 taskQueue 中按过期时间重新排序处理。
    前端 React.js
  • 从根上理解 React Hooks 的闭包陷阱
    现在开发 React 组件基本都是用 hooks 了，hooks 很方便，但一不注意也会遇到闭包陷阱的坑。 相信很多用过 hooks 的人都遇到过这个坑，今天我们来思考下 hooks 闭包陷阱的原因和
    前端 JavaScript React.js
    从根上理解 React Hooks 的闭包陷阱
  • React源码揭秘1 架构设计与首屏渲染
    《xx行代码带你实现迷你React》，《xx行代码实现React hook》这样短小精干的文章。如果你只是想花一点点时间了解下React的工作原理，我向你推荐 这篇文章，非常精彩。 《React Fiber原理》，《React expirationTime原理》这样摘录Reac…
    React.js
    React源码揭秘1 架构设计与首屏渲染