/fake-react

一个简易版的react实现

Primary LanguageJavaScript

fake-react

react的粗略实现，包含

  1. 渲染，更新，组件生命周期
  2. 虚拟dom
  3. 检查差异的diff算法

从头实现一个简易版React博客

  1. https://segmentfault.com/a/1190000013504156
  2. https://segmentfault.com/a/1190000013508562
  3. https://segmentfault.com/a/1190000013510464

文件目录介绍

  1. index.js 外部引用react的入口
  2. ReactElement.js 用于创建虚拟DOM
  3. Component.js 所有react的组件的父类，包含最基本的构造函数和setState方法
  4. ReactComponent.js
    ReactCompositeComponent.js
    ReactTextComponent.js
    ReactTextComponent.js component类用来包裹虚拟dom，包含了渲染，更新的逻辑，按照虚拟dom类型分为三种，text类型，原生dom类型，自定义组件类型
  5. util.js 渲染，更新需要的工具类