如何运行react源码

运行 React 源码的步骤

克隆 React 源码仓库
从官方 GitHub 仓库克隆 React 源码：

git clone https://github.com/facebook/react.git

安装依赖
进入项目根目录并安装依赖项：

cd react && yarn

构建源码
运行构建脚本以生成开发环境所需的文件：

yarn build

链接本地 React 包
在构建完成后，使用 yarn link 将本地 React 版本链接到全局：

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

创建测试项目
新建一个测试项目并链接本地 React 版本：

npx create-react-app test-app
cd test-app
yarn link react react-dom

启动测试项目
在测试项目中验证本地 React 源码是否生效：

yarn start

调试 React 源码

使用源码映射（Source Maps）
在 react 仓库的构建配置中确保生成 Source Maps，便于在浏览器中调试原始源码。

修改本地 React 代码
直接编辑 react/packages 下的源码文件，重新运行 yarn build 后，测试项目会自动热更新。

注意事项

• 确保 Node.js 版本符合 React 构建要求（通常为 LTS 版本）。
• 若遇到依赖冲突，删除测试项目的 node_modules 并重新安装。
• 构建耗时较长，建议使用性能较好的机器。