Skip to content

Latest commit

 

History

History
23 lines (18 loc) · 877 Bytes

README.md

File metadata and controls

23 lines (18 loc) · 877 Bytes

React v18.2.0 源码调试环境

本仓库基于 create-react-app 创建。

React v18.2.0 源代码存放于 src/react 目录,作为 git submodules 的方式组织。

安装方法:

git clone --recurse-submodules [email protected]:camsong/react-source-debug.git
cd react-source-debug
yarn install
yarn start

开始调试

打开 http://localhost:3000/ 即可开始调试。 建议先完成以下任务,增加对 React 了解:

  1. 火焰图查看代码的调用堆栈,并跳转到感兴趣的代码
  2. 查看 workloop 的代码 src/react/packages/react-reconciler/src/ReactFiberWorkLoop.old.js
  3. 查看 render(beginWork, completeWork)、commit 阶段
  4. 查看 Fiber 的数据结构 src/react/packages/react-reconciler/src/ReactInternalTypes.js
  5. 查看 Hooks 的数据结构 src/react/packages/react-reconciler/src/ReactFiberHooks.old.js