anystate

0.0.2-a • Public • Published

anyState

What is anyState?

  • Just an object
  • Can must be update via setter
  • Watch state changed
  • Independent any frontend frameworks

Roadmap

  1. [x] Initialize anyState
  2. [x] Simple state
  3. [x] getItem/setItem
  4. [x] Watch onChange
  5. [ ] Watch onChange with deep option (inspire by vue)

...

Usage

Initialize anyState object with createStore()

  const anyState =  createStore({
    name: 'John',
    age: 30,
    children: [{
      name: 'Bob',
      age: 5,
    }]
  });

Set state

  anyState.setState({
    name: 'John',
    age: 32,
    children: [{
      name: 'Bob',
      age: 4,
    }]
  });

Get state

  const state = anyState.getState();

Set item

  // const path = 'name';
  const path = 'children[0].name'; // the path to the item
  anyState.setItem(path, 'Jane');

Get item

  const path = 'children[0]';
  const child = anyState.getItem(path);

Watch onChange

  const path = 'name'; // path to item
  anyState.watch(path, (nextState, prevState) => {
     // do anything
  });

Development

install dependencies:

  npm install

run tests:

  npm test

dev:

  npm run dev

Examples

React Todo

Solid Todo

License

MIT

Readme

Keywords

Package Sidebar

Install

npm i anystate

Weekly Downloads

0

Version

0.0.2-a

License

MIT

Unpacked Size

1.03 MB

Total Files

40

Last publish

Collaborators

  • vyquocvu