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 🙏

© 2024 – Pkg Stats / Ryan Hefner

rescope

v4.6.4

Published

Intuitive & scalable state management system based on flux architecture, stores data components & inheritable scopes

Downloads

305

Readme

ReScope

Related packages

React HOCs, decorators & tools : react-scopes ReScope HOCs, decorators & tools : rescope-spells

ReScope What ?

ReScope is a flexible, effective and easy to use state management system inspired by ReactJS methods.

What's the point ?

The set of data transformations of one or more applications can be divided into reusable data components with reactive state and result data. Just like React Components, for data. Of course, that's quickly said, in an application, the data must deal with complex dependencies, different contexts, custom data bindings, and so on.

This is where reScope comes in: RS provide a effective, flexible and familiar structure to organize and synchronize your data components. It manage theirs dependencies, theirs scopes, sequencing, persistence, active instances & much more.

This way all the data components :

  • Only use 1 file for theirs initial state, actions & mutations
  • Only care about theirs specialized task
  • Can be easily & independently tested
  • Can have different behaviors basing on theirs scope

How ?

By using independent, specialized & serializable "Data Stores" in a Flux oriented architecture.

Stores ?

ReScope stores look like "React components for data". Basically, they render determined data according theirs entry state, theirs dependencies, and theirs action.

Actions generate mutations of one or multiple stores, So each Stores can manage part of, or the entire App state's determining values, maintain intermediate, possibly asynchronous resources, and/or finals or ready-to-render data.

Scopes ?

To deal with complex architectures like multi user or complex components systems, the Scopes allow :

  • normalized scopes for modules & views
  • to inherit & mix other Scopes,
  • automatic & chained destroy
  • ...

Samples & bootstraps here

Todo ?

  • Many more tests
  • Should be rewritten completely using a more functional approach ( but as react context seems taking similar path & rs is made probono it will not )

HitCount

*