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 计划
    • Plan 计划
  • 基础

  • 调和(Reconciliation)

  • 调度器(Scheduler)

  • 更新器(Updater)

  • 渲染器(Render)

  • hooks原理

  • 总结

  • React源码漂流记

  • react
jonsam
2022-04-16
目录

plan 计划

# Plan 计划

# Basic

  • [X]React Element
  • [X]React Children

# Reconciliation

  • [x] fiber 与 reconciliation
  • [x] ReactChildFiber 的创建
  • [x] expirationTime 与优先级
  • [] 调和章节总结

# Scheduler

  • [] 调度优先级的计算
  • [x] scheduleWork 与任务调度
  • [] 更新队列(UpdateQueue)

# Updater

# Render

  • [] 创建更新
  • [] 调度更新
  • [] 执行更新
  • [] 提交更新

# Hooks

  • [x]useState
  • [x]useEffect
  • [x]useReducer
  • [x]useRef
  • []useContext
  • FC 与 hook 机制

# Summary

  • [x] React 总体流程分析
  • [] React 中的数据结构总结
  • [] 新版本中 lanes 在优先级上所做的更改
  • [] 事件优先级
  • [x] 位运算补课
  • [] 带着原理重读 React 官方文档
编辑 (opens new window)
上次更新: 2022/04/16, 15:48:02
开始上手
开始上手

← 开始上手 开始上手→

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