npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2025 – Pkg Stats / Ryan Hefner

luy

v1.1.4

Published

所谓类```React```框架就是**和React用法一模一样**的框架。其实当初制造这个框架的目的是为了能更好的学习React内部结构,了解其原理而制作的玩具。但是随着框架的渐渐成长,代码越来越多,我还是决定将其发展下去. ![](https://github.com/215566435/Luy/blob/master/luy%20icon2.jpg?raw=true)

Readme

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性能测试

  • [x] 第一次渲染

  • [x] 虚拟DOM

  • [x] 优化的diff算法(两端同时对比算法,比react快)

  • [x] 用属性更新

  • [x] 实现生命周期函数

  • [x] setState异步机制实现

  • [x] 事件冒泡系统

  • [ ] 事件捕获系统

  • [x] ref属性

  • [x] 组件的context

  • [x] createProtal Api

  • [x] setState函数式参数

  • [x] setState回调

  • [x] 发布第一版本

  • [x] 支持redux

  • [x] 支持react-redux

  • [x] 渲染null节点

  • [x] 支持react-router

  • [x] createProtal 冒泡

  • [ ] create_call

  • [ ] create_return

  • [ ] 返回任何节点