Skip to content

mypanda/Source-Build-Your-Own-React

Repository files navigation

从0到实现React源码,非Fiber

首先

视频来自Bilibili《React源码解析》

  1. 😭没有按照视频上的环境搭建,因为Parcel启动之后的编译有问题,难哭了
  2. 🙆‍♂️我这边使用的浏览器版本的Babelbabel-standalone,支持JSX,只需要在html中的script[type="text/babel"]写代码就可
  3. 😂写Demo我比较喜欢使用CDN(这样可以把代码直接复制到jsbin或者codepen中运行),代码里面用的也是CDN的方式引入babel-standalone,如果网络不顺畅可以使用lib文件夹下的文件
  4. [email protected][email protected][email protected]

其次

把必须的信息也贴出来,不需要再去小马哥掘金复制,防止自己忘记

npm依赖

"devDependencies": {
  "babel-core": "^6.26.3",
  "babel-plugin-transform-react-jsx": "^6.24.1",
  "babel-preset-env": "^1.7.0",
  "parcel-bundler": "^1.12.3"
}

.babelrc

{
  "presets": ["env"],
  "plugins": [
    ["transform-react-jsx", {
      "pragma": "React.createElement"
    }]
  ]
}

http://www.ayqy.net/blog/react-16/

About

Bilibili《React源码解析》课程代码

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published