03-原理与手写实现

章节目标：围绕“03-原理与手写实现”建立知识主干，能说清关键机制，并能用最小代码或真实案例验证结论。

学习要求

• 阅读时把“概念、适用场景、常见错误、验证方法”分别记下来。
• 带代码的内容至少运行一次，再主动修改一个条件观察结果。
• 学完后选择三个主题，不看原文向别人讲清楚。

完整目录（82 篇）

• Deep dive How do React hooks really work
• React 数据结构
• React 的 PureComponent Vs Component
• ReactElement
• ReactElement源码
• createElement源码
• React源码解析，实现一个React
• hooks列表
• 什么是 Virtual DOM？为什么 Virtual DOM 比原生 DOM 快
• Fibers
• JSX和虚拟DOM
• 从零开始实现一个React 1
• 从零开始实现一个React
• 实现ReactDOM.render方法
• 实现createElement方法
• 并发模式Concurrent Mode
• 组件和生命周期
• 如何比较两个 DOM 树的差异？
• 添加babel编译指示
• 深入探讨：React钩子如何真正起作用？
• 组件高级知识
• 转换
• 10.DOM-DIFF算法
• src-index.tsx
• 14. render props
• 7.ref
• ref实现
• 8.基本生命周期
• Constant
• React
• event
• 实现src-Component.js
• 实现src-react-dom.js
• 9.子组件生命周期
• Context(上下文)
• src-Component.js
• src-constants.js
• src-event.js
• src-index.js
• src-react-dom.js
• src-react.js
• Pinia 请求 store 请求 页面中请求 401 权限
• Portal
• src-react-dom.js
• import { createDOM, findDOM, compareTwoVdom } from '.-react-dom';
• jsx为原生dom的渲染
• Src-index.js
• jsx转换
• src-constants.js
• src-react-dom.js
• src-react.js
• src-utils.js
• 断点调试
• setState后的逻辑
• updateChildren子序列对比
• 发版 404 报错 菜单无反应
• setState是同步还是异步的
• setState的逻辑
• src-Component.js
• src-index.js
• src-react-dom.js
• 合成事件和批量更新
• 新建src-event.js
• 响应式框架
• 实现函数组件
• 实现类组件
• 数值展示组件
• getDerivedStateFromProps
• getSnapshotBeforeUpdate
• 实现 getSnapshotBeforeUpdate
• 源码
• 简版react
• Scr-react.js
• Src-component.js
• src-index.js
• src-react-dom.js
• 断点调试
• 类组件的更新
• 组件
• 跳转带参数，并在目标页 Select 自动选中
• 装饰器
• 高阶组件