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 🙏

© 2026 – Pkg Stats / Ryan Hefner

acframe

v0.0.16

Published

react+redux frame from gw

Readme

soam 框架

1.soam框架包含的内容


import {tabsHeper. router, store} from 'soam';

2.生成soam实例

import Root from '@init/root';

new Soam({
    render(){
        return <Root/>
    },
    onReady() {
        // do something here...
    },
    onInit(){
        
    }
});

2.1render方法

soam类内部调用render时,将getTabsHelper,getStore, getRouter方法注入到Root的Context上。

所有的页面和组件都可以通过这三个运行时的方法 拥有获取框架公共方法的能力。

todo:考虑tabs情况下的登录页如何以一种简洁的方式实现。有可能某些系统在使用tabs的情况下 还有N个类似登录页的页面。

2.2 onReady方法

soam类实例生成完成的hook函数。不是真正的初始化完成时。

2.3 onInit方法

系统初始化完成时的hook函数,主要用来打开默认页面等。

3.soam框架的作用

  1. 简化redux机制,在页面级经过简单配置,即可便捷并完整的使用react、redux技术栈的功能。

  2. 对tab页的场景进行深度封装、优化,在长期开发实践和生产环境检验后形成了完备的内部机制、外部api、编程范式等。

  3. 无需在业务代码中增加配置,即可拥有基础的前端路由能力,并且是懒加载的。

  4. 公共组件。(只适用于soam框架)

#版本计划

V0.1

  • 实现基本功能:支持注入根组件,注入后的根组件可以获得soam框架的公共方法的能力。