所谓类React
框架就是和React用法一模一样的框架。其实当初制造这个框架的目的是为了能更好的学习React内部结构,了解其原理而制作的玩具。但是随着框架的渐渐成长,代码越来越多,我还是决定将其发展下去.
git clone https://github.com/215566435/Luy.git
cd Luy
npm install
npm run study
npm install --save luy
和React
一模一样,我们来看一个最简单的实例
import React from 'luy'
import ReactDOM from 'luy'
class Luy extends React.Component {
render() {
return (
<div>Hello,Luy!</div>
)
}
}
ReactDOM.render(<Luy/>, document.getElementById('root'))
-
第一次渲染
-
虚拟DOM
-
优化的diff算法(两端同时对比算法,比react快)
-
用属性更新
-
实现生命周期函数
-
setState异步机制实现
-
事件冒泡系统
-
事件捕获系统
-
ref属性
-
组件的context
-
createProtal Api
-
setState函数式参数
-
setState回调
-
发布第一版本
-
支持redux
-
支持react-redux
-
渲染null节点
-
支持react-router
-
createProtal 冒泡
-
create_call
-
create_return
-
返回任何节点