react源码解读

tip
v16.8.6
背景： 前端live-server后，运行项目时出现了Error: spawn cmd ENOENT

原因： path环境变量配置不当，导致无法找到指定的程序，安装java环境环境变量配置
JAVA_HOME

环境准备

node,yarn,JDK,

开始

克隆源码

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

安装依赖，

yarn install
由源码编译
项目目录结构如图。

在这里插入图片描述
官网对编译的提示

从源码编译出 react.development.js 和 react-dom.development.js

执行

yarn run build react/index, react-dom/index

构建出的文件，保存在 build/node_modules/react，有 commonjs 和 umd 两个版本。

直接打开 fixtures/packaging/babel-standalone/dev.html 构建后打开熟悉的hello world
页面使用的是最新编译出来的 react.development.js 和 react-dom.development.js 固定写死

更改代码测试效果
在 setState 内部添加一个 log，更改 packages/react/src/ReactBaseClasses.js。这里被编译为react.development.js
重新编译 react ，yarn run build react/index
查看 react.development.js，在 build/node_modules/react/umd/react.development.js