This package has been deprecated

Author message:

Use @lacolaco/reactive-store

@lacolaco/store

A store implementation for state management with RxJS

https://yarn.pm/@lacolaco/store

Install

$ npm i @lacolaco/store rxjs

Concept

• RxJS-based: Use the ecosystem
• TypeScript: Type-safe state management
• Simple: Easy to understand what the library does and doesn't

Adapters

• Angular: @lacolaco/ngx-store

How to Use

Create a store

import { Store } from '@lacolaco/store';

const store: Store<string> = new Store('initialState');
assert.ok(store.getValue() === 'initialState');

store.dispatch(state => 'updated!');
assert.ok(store.getValue() === 'updated!');

Subscribe state's observable

import { Store } from '@lacolaco/store';

const store: Store<string> = new Store('initialState');

store.subscribe(state => {
    console.log(state);
});

store.dispatch(state => 'updated!');

Select a scoped state

import { Store } from '@lacolaco/store';

const store: Store<{count: number}> = new Store({count: 0});

const count$: Observable<number> = store.select(state => state.count);
count$.subscribe(count => {
    console.log(count);
});

store.dispatch(state => {
    return {
        count: state.count + 1
    };
});

Middleware: Intercept dispatching

import { Store, StateHandler, Middleware } from '@lacolaco/store';

const loggingMiddleware: Middleware = (next: StateHandler): StateHandler => {
    return (state: any) => {
        const newState = next(state);
        console.log(`[State]`, newState);
        return newState;
    };
}

const store = new Store(0, [
    loggingMiddleware,
]);