Fancy Front End Fancy Front End
  • 开始上手
  • 基础
  • 调度器(Scheduler)
  • 更新器(Updater)
  • 渲染器(Render)
  • 更新周期
  • hooks 原理
  • 总结
  • 📙 React源码漂流记
  • 开始上手
  • 基础
  • reactivity
  • runtime-core
  • runtime-dom
  • Awesome Web
  • Awesome NodeJS
话题
  • 导航
  • Q&A
  • 幻灯片
  • 关于
  • 分类
  • 标签
  • 归档
博客 (opens new window)
GitHub (opens new window)

Jonsam NG

让有意义的事变得有意思,让有意思的事变得有意义
  • 开始上手
  • 基础
  • 调度器(Scheduler)
  • 更新器(Updater)
  • 渲染器(Render)
  • 更新周期
  • hooks 原理
  • 总结
  • 📙 React源码漂流记
  • 开始上手
  • 基础
  • reactivity
  • runtime-core
  • runtime-dom
  • Awesome Web
  • Awesome NodeJS
话题
  • 导航
  • Q&A
  • 幻灯片
  • 关于
  • 分类
  • 标签
  • 归档
博客 (opens new window)
GitHub (opens new window)
  • 开始上手
  • plan 计划
  • 基础

  • 调和(Reconciliation)

  • 调度器(Scheduler)

  • 更新器(Updater)

    • 开始上手
    • workLoop 和 performUnitOfWork
  • 渲染器(Render)

  • hooks原理

  • 总结

  • React源码漂流记

  • react
  • 更新器(Updater)
jonsam
2022-04-14

开始上手

在调和器章节,我们已经在 react-reconciliation 包中学习到了调和器中调和器的入口函数 scheduleUpdateOnFiber、ensureRootIsScheduled 确保 FiberRoot 被调度、同步渲染的调度的调度函数 scheduleSyncCallback、异步渲染的调度函数 scheduleCallback、追踪调度过程函数 schedulePendingInteractions、在 FiberRoot 上调度更新异步任务函数 performConcurrentWorkOnRoot、在 FiberRoot 上调度更新同步任务函数 performSyncWorkOnRoot 等重要函数。本章我们继续探索 React 调度更新的过程,着重学习调后后的任务是经过更新器的处理将 FiberTree 转化为 ReactElementTree 的。

编辑 (opens new window)
上次更新: 2022/04/15, 00:23:56
scheduler 顶层 API
workLoop 和 performUnitOfWork

← scheduler 顶层 API workLoop 和 performUnitOfWork→

最近更新
01
渲染原理之组件结构与 JSX 编译
09-07
02
计划跟踪
09-06
03
开始上手
09-06
更多文章>
Theme by Vdoing | Copyright © 2022-2022 Fancy Front End | Made by Jonsam by ❤
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式