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)

  • 渲染器(Render)

  • hooks原理

  • 总结

  • React源码漂流记

    • 开始上手
    • Plan 计划
      • Plan 与计划时间
      • TODO
    • 前言
    • React 源码漂流记:ReactElement 与基础概念
    • React 源码漂流记:ReactChildren 与节点操纵
    • React 源码漂流记:React 整体结构和理念初认识
    • React 源码漂流记:React 调和器核心源码解读(一)
    • React 源码漂流记:React 调和器核心源码解读(二)
    • React 源码漂流记:React 调和器核心源码解读(三)
    • React 源码漂流记:React 调和器核心源码解读(四)
    • React 源码漂流记:React 调和器核心源码解读(五)
    • React 源码漂流记:React 调和器核心源码解读(六)
    • React 源码漂流记:React 调和器核心源码解读(七)
    • React 源码漂流记:React 调和器核心源码解读(八)
    • React 源码漂流记:React 调和器核心源码解读(九)
    • React 源码漂流记:React 调和器核心源码解读(十)
    • React 源码漂流记:React 调度器核心源码解读(一)
    • 带着原理重读 React 官方文档(一)
    • 带着原理重读 React 官方文档(二)
  • react
  • React源码漂流记
jonsam
2022-04-15
目录

Plan 计划

# Plan 与计划时间

  • React 源码基础
    • ReactElement 与基础概念 P0
    • ReactChildren 与节点操纵 P0
    • React 整体结构和理念初认识 P0
    • React 首次渲染过程解读 P0
    • React 中的位运算技巧 P1
    • React 组件机制解读 P2
    • React 组件生命周期原理探讨 P2(舍弃):主要用于类组件,不在关注。
    • React 组件副作用原理探讨 P2
  • React 调和器核心源码解读
    • Fiber 与调和基础 P0
    • React 调和器核心源码解读(一)P0
    • React 调和器核心源码解读(二)P0
    • React 调和器核心源码解读(三)P0
    • React 调和器核心源码解读(四)P0
    • React 调和器核心源码解读(五)P0
    • React 调和器核心源码解读(六)P0
    • React 调和器核心源码解读(七)P0
    • React 调和器核心源码解读(八)P0
    • React 调和器核心源码解读(九)P0
    • React 调和器核心源码解读(十)P0
    • React 调和器核心原理串讲 P0
    • expirationTime 与优先级 P1(舍弃,React 官方已经舍弃)
    • lane 与优先级 P1
  • React 调度器核心源码解读
    • React 调度器核心源码解读(一)P0
    • React 调度器核心源码解读(二)P0
  • React Hooks 原理解读
    • useState 和 useReducer 原理解读 P0
    • useEffect 原理解读 P0
    • useMemo 和 useCallback 原理解读 P0
  • React 源码进阶
    • React 总体流程探讨 P2
    • React 中的更新循环探讨 P2
    • React 中的事件系统原理 P2
    • React 中的数据结构总结 P2
    • React 中的 Lazy 组件探讨 P3
    • 带着原理重读 React 官方文档 P3

提醒:[] 为未完成文章, [x] 为已完成文章。

# TODO

  • 加入面试专题
编辑 (opens new window)
上次更新: 2022/10/28, 18:38:54
开始上手
前言

← 开始上手 前言→

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