Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

WoolYang/Luy

Repository files navigation

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

  • 返回任何节点

About

a React-like framework

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 98.6%
  • Other 1.4%

AltStyle によって変換されたページ (->オリジナル) /