unstated-enhancers

Unstated tools for state management

Usage no npm install needed!

<script type="module">
  import unstatedEnhancers from 'https://cdn.skypack.dev/unstated-enhancers';
</script>

README

Unstated tools and enhancers

Install

npm install --save unstated-enhancers

# or

yarn install --save unstated-enhancers

Manager

Global containers manager registration

import { Manager } from 'unstated-enhancers';

Manager.run();

To register your containers into the manager you must provide a name key inside the container class definition.


type CounterState = {
  count: number
};

class CounterContainer extends PersistContainer<CounterState> {
  name = 'counter'
 // ...
}

Then in other places simple call your containers using the container name property registered previously

import { Manager } from 'unstated-enhancers';

// ...
    Manager.get('counter').increment();
// ...

Logger

Redux like logger with redux dev tools integration

Docs

connect

Connect containers to components easily

Heavily inspired by unstated-connect

Docs

Combine containers

Combine multiple containers into one and make them communicate with each other.

Base code from unstated-compose but with no child and parent class inheritance.

Docs

Persist

Adds persistence to your unstated containers

Heavily inspired by unstated-persist

Docs