Luy，一个类React框架

所谓类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'))

todolist

<input checked="" disabled="" type="checkbox"> 第一次渲染
<input checked="" disabled="" type="checkbox"> 虚拟DOM
<input checked="" disabled="" type="checkbox"> 优化的diff算法(两端同时对比算法，比react快)
<input checked="" disabled="" type="checkbox"> 用属性更新
<input checked="" disabled="" type="checkbox"> 实现生命周期函数
<input checked="" disabled="" type="checkbox"> setState异步机制实现
<input checked="" disabled="" type="checkbox"> 事件冒泡系统
<input disabled="" type="checkbox"> 事件捕获系统
<input checked="" disabled="" type="checkbox"> ref属性
<input checked="" disabled="" type="checkbox"> 组件的context
<input checked="" disabled="" type="checkbox"> createProtal Api
<input checked="" disabled="" type="checkbox"> setState函数式参数
<input checked="" disabled="" type="checkbox"> setState回调
<input checked="" disabled="" type="checkbox"> 发布第一版本
<input checked="" disabled="" type="checkbox"> 支持redux
<input checked="" disabled="" type="checkbox"> 支持react-redux
<input checked="" disabled="" type="checkbox"> 渲染null节点
<input checked="" disabled="" type="checkbox"> 支持react-router
<input checked="" disabled="" type="checkbox"> createProtal 冒泡
<input disabled="" type="checkbox"> create_call
<input disabled="" type="checkbox"> create_return
<input disabled="" type="checkbox"> 返回任何节点

Package detail

luy

readme

Luy，一个类React框架

跑学习案例

如何安装?

如何使用?

todolist