React 源码解析(V16.8.4)概览

接下来的一段时间内我将带大家,阅读React 相关主要源码,让大家知其然,更要知其所以然。更好的利用React 进行项目开发

1、首先我们把github 上的react 包下载下来

github 地址:https://github.com/facebook/react

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

2、然后找到 入口:packages / react / src /  index.js,进行分析

'use strict';

const React = require('./src/React');

// TODO: decide on the top-level export form.// This is hacky but makes it work with both Rollup and Jest.

module.exports = React.default || React;

从这里我们可以得知,src/中的Reac.js 才是真正的入口,其包含的对象如下


const React = {

  Children: {

    map,

    forEach,

    count,

    toArray,

    only,

  },

  createRef,

  Component,

  PureComponent,

  createContext,

  forwardRef,

  lazy,

  memo,

  useCallback,

  useContext,

  useEffect,

  useImperativeHandle,

  useDebugValue,

  useLayoutEffect,

  useMemo,

  useReducer,

  useRef,

  useState,

  Fragment: REACT_FRAGMENT_TYPE,

  StrictMode: REACT_STRICT_MODE_TYPE,

  Suspense: REACT_SUSPENSE_TYPE,

  createElement: __DEV__ ? createElementWithValidation : createElement,

  cloneElement: __DEV__ ? cloneElementWithValidation : cloneElement,

  createFactory: __DEV__ ? createFactoryWithValidation : createFactory,

  isValidElement: isValidElement,

  version: ReactVersion,

  unstable_ConcurrentMode: REACT_CONCURRENT_MODE_TYPE,

  unstable_Profiler: REACT_PROFILER_TYPE,

  __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: ReactSharedInternals,

};


下一节,我将就我们最常用到的Component ,和PureComponent 进行深入解析

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容