@jswork/next-active-state NPM

next-active-state

Mini state mananger based on proxy.

installation

npm install -S @jswork/next-active-state

apis

api	params	description
get	-	Unwrap proxy data to pure js object.
on	-	Watch changed and return destroy fn.
one	-	Watch changed and return destroy fn.
reset	-	Watch changed and return destroy fn.
touched	-	Get state has touched.
#use	-	Use object with listener.
#toJS	-	Transform to pure js object.

usage

import NxActiveState from '@jswork/next-active-state';

const data = { key: 1, value: 2 };
const instance = new NxActiveState(data);
const state = instance.state;

const res = instance.on('change', (arg) => {
  console.log(arg);
});

// create
state.newKey = 'I am new.';

// update
state.key = 122;

// delete
delete state.value;

// destroy resource
res.destroy();

// simple use
const data = { key: 1, value: 2 };
const state = NxActiveState.use(data, (arg) => {
  console.log(arg);
});

// create
state.newKey = 'I am new.';

// update
state.key = 122;

// delete
delete state.value;

// no need to destroy resource