React 源码调试步骤

react 源码：18.0.2

1.克隆react源码

git clone https://github.com/facebook/react.git
切换到 18.0.2. ==> git checkout v18.0.2

2. 安装依赖

yarn, 如果使用npm i 需要做一些修改（根据报错来），推荐使用yarn

3. build源码

yarn build react/index,react/jsx,react-dom/index,scheduler --type=NODE
执行代码成功后的提示：

build文件：

4. 为源码建立软链

    cd build/node_modules/react
    yarn link
    cd build/node_modules/react-dom
    yarn link

5. create-react-app创建项目

    npx create-react-app demo
    yarn link react react-dom

以上搭建完成，就可以进行源码调试了

测试

在useState源码处，搭上debugger

在案列demo运行并使用useSate

打开浏览器和打开调试工具，debugger已经生效