gotchafullstack/luy

a React-like framework

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

• Luy第一版性能测试

• react官方性能测试

• Anu性能测试

• 第一次渲染

• 虚拟DOM

• 优化的diff算法(两端同时对比算法，比react快)

• 用属性更新

• 实现生命周期函数

• setState异步机制实现

• 事件冒泡系统

• 事件捕获系统

• ref属性

• 组件的context

• createProtal Api

• setState函数式参数

• setState回调

• 发布第一版本

• 支持redux

• 支持react-redux

• 渲染null节点

• 支持react-router

• createProtal 冒泡

• create_call

• create_return

• 返回任何节点