React源码调试环境搭建

cd react-test
npm eject

cd src
git clone https://github.com/facebook/react.git -b 17.0.2

registry "https://registry.npm.taobao.org"

sass_binary_site "https://npm.taobao.org/mirrors/node-sass/"
phantomjs_cdnurl "http://cnpmjs.org/downloads"
electron_mirror "https://npm.taobao.org/mirrors/electron/"
sqlite3_binary_host_mirror "https://foxgis.oss-cn-shanghai.aliyuncs.com/"
profiler_binary_host_mirror "https://npm.taobao.org/mirrors/node-inspector/"
chromedriver_cdnurl "https://cdn.npm.taobao.org/dist/chromedriver

npm i

{
  alias: {
  ...(modules.webpackAliases | {}),
+ 'react': path.resolve(__dirname, '../src/react/packages/react'),
+ 'react-dom': path.resolve(__dirname, '../src/react/packages/react-dom'),
+ 'shared': path.resolve(__dirname, '../src/react/packages/shared'),
+ 'react-reconciler': path.resolve(__dirname, '../src/react/packages/react-reconciler'),
+ scheduler: path.resolve(__dirname, '../src/react/packages/scheduler'),
  },
}

- const disableESLintPlugin = process.env.DISABLE_ESLINT_PLUGIN === 'true';
+ const disableESLintPlugin = true;

- useTypeScript &&
+ false &&
  new ForkTsCheckerWebpackPlugin({
   // ...
  });

const stringified = {
  'process.env': Object.keys(raw).reduce((env, key) => {
    env[key] = JSON.stringify(raw[key]);
    return env;
  }, {}),
+ __DEV__: true,
+ __PROFILE__: true,
+ __UMD__: true,
+ __EXPERIMENTAL__: true,
+ __VARIANT__: false
};

{
  "extends": "react-app",
  "globals": {
    "__DEV__": true,
    "__PROFILE__": true,
    "__UMD__": true,
    "__EXPERIMENTAL__": true
  }
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

'use strict';

export * from './src/Scheduler';

+ export * from './src/SchedulerHostConfig.js';

- throw new Error('This module must be shimmed by a specific build.');
+ export {
+    unstable_flushAllWithoutAsserting,
+    unstable_flushNumberOfYields,
+    unstable_flushExpired,
+    unstable_clearYields,
+    unstable_flushUntilNextPaint,
+    unstable_flushAll,
+    unstable_yieldValue,
+    unstable_advanceTime
+ } from './forks/SchedulerHostConfig.mock.js';

+ export {
+    requestHostCallback,
+    requestHostTimeout,
+    cancelHostTimeout,
+    shouldYieldToHost,
+    getCurrentTime,
+    forceFrameRate,
+    requestPaint
+ } from './forks/SchedulerHostConfig.default.js';

- import invariant from 'shared/invariant';

- invariant(false, 'This module must be shimmed by a specific renderer.');

+ export * from './forks/ReactFiberHostConfig.dom';

- import * as React from 'react';

- const ReactSharedInternals =
-   React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;

+ import ReactSharedInternals from '../react/src/ReactSharedInternals';

export default ReactSharedInternals;

export default function invariant(condition, format, a, b, c, d, e, f) {
+ if (condition) return;
  throw new Error(
    'Internal React error: invariant() is meant to be replaced at compile ' +
      'time. There is no runtime version.',
  );
}

- import React from 'react';
- import ReactDOM from 'react-dom';
+ import * as React from 'react';
+ import * as ReactDOM from 'react-dom';

// 注释掉以下代码
- declare module 'react' {
-   export class Component {
-     props: any;
-     state: any;
-     context: any;
-     static name: string;
-     constructor(props?, context?);
-     setState(partial : any, callback ?: any) : void;
-     forceUpdate(callback ?: any) : void;
-   }
-   export let PropTypes : any;
-   export function createElement(tag : any, props ?: any, ...children : any[]) : any
- }