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源码漂流记

  • react
jonsam
2022-04-14
目录

开始上手

react 源码的阅读是很久之前的一项计划,读这个源码需要花费大量的时间,我主要是在闲暇时间里去完成的。一边阅读,一边做笔记,然后将笔记整理成文档,看到自己能够有一些内容产出,心里还是蛮高兴的。这份笔记的时间跨度很大,而且笔记也在不断的充实和积累。作为一种学习和积淀的过程,对自己来说也是收益颇丰。

# 说明

在这里我先要说明一些事项,以作为阅读之前的提醒。

事项 描述
React 版本 旧版:v16.8.6,新版:17.0.3
IDE VScode
静态生成器 VuePress
源码 Repo https://github.com/jonsam-ng/ReactSourceCodeAnalyze.git (opens new window)
笔记源码 Repo https://github.com/jonsam-ng/fe-source-reading (opens new window)
笔记地址 https://source.jonsam.site (opens new window)
阅读重点 React 调度、更新的过程,diff 原理,重要的数据结构、hooks 原理等
阅读方式 运行源码、源码标注、笔记分析总结

# 阅读方法

  1. 运行和调试 React 源码。
git clone https://github.com/jonsam-ng/ReactSourceCodeAnalyze.git 
cd source-code-demo
yarn 
yarn start
1
2
3
4
  1. 按照一定的阅读顺序阅读源码,请先阅读基础部分。

# 参考链接

  • React 官网 (opens new window)
  • React Fiber 初探 -- 熊建刚 (opens new window)
  • 7kms/react-illustration-series (opens new window)
  • React 源码阅读系列文章 (opens new window)
  • React 源码解析 (opens new window)
  • React 技术揭秘 (opens new window)
编辑 (opens new window)
上次更新: 2022/04/16, 15:48:02
plan 计划

plan 计划→

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