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 源码漂流记?
      • 文章结构
      • 文章标记
    • Plan 计划
    • 前言
    • 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-14
目录

开始上手

# 为什么要有 React 源码漂流记?

  • 旧的文章有较多需要改进的地方,一方面解读过于细致入微,另一方面也不乏部分理解也不够深入的情况,其实是不利于读者阅读的。因此这个新的系列将会赵忠去解决这些问题,重新整理旧有的源码笔记,温故而知新,目的是形成成一份成体系的、利于阅读的、易理解的源码笔记。
  • 在阅读过程中我陆续产生了新的体会,这些内容如果穿插在旧的笔记中比较难以维护,所以索性以新的系列的方式再次重温之前的代码并且索性更新 React 的版本,从新的代码阅读中获得新知。这本身也是个温故知新的过程。
  • 收到反馈之前的文章比较难以理解,新的文章将更加注重知识体系的构建,以更顺的思路编写,视角也不再纠结于琐碎的细节,而是以全局的视野去分析问题。
  • 之前文章的关注点更多在于 笔记 两个字,新的系列将把关注点移到 文章 。所谓文章而言,关注点会更多的倾向于让读者知道我在说什么而不是只有我自己理解我在说什么。
  • 新的系列将会以更加宽广的视野来解析源码,期间可能会把 React 源码跟 Vue 的源码或者其他框架的思路进行比较和扩展。
  • 新的文章思路会更加清晰,语言也会尽量易懂。

# 文章结构

  • 目录
  • 前言:总结前文,并且对本文的内容做导引。
  • 内容:尽量间接易懂,去除干扰阅读的内容。
  • 扩展:对文章内容的扩展知识,更加细节的内容或者思路。不需要的关注的读者可以直接忽略。
  • 问题:阅读本文可能会有的问题及解答,以及后续文章的预告。
  • 总结:对本篇文章的内容进行概括性的总结,帮助读者进行知识归纳。

# 文章标记

文章标题下会有一些提示性的标记,如核心、重点、了解、React 版本等。

文章重要性标记:

  • P0: 源码阅读初级和中级内容。
  • P1: 源码阅读扩展性内容。
  • P2、P3: 源码阅读进阶内容。

本标记分类为个人观点,读者可根据需要自行选择阅读。

编辑 (opens new window)
上次更新: 2022/08/24, 18:21:13
30 分钟看懂 React 框架原理
Plan 计划

← 30 分钟看懂 React 框架原理 Plan 计划→

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