luy

1.1.4 • Public • Published

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

  • 返回任何节点

Package Sidebar

Install

npm i luy

Weekly Downloads

72

Version

1.1.4

License

MIT

Last publish

Collaborators

  • snakegear