Getting started

npm install redux-js;

or

yarn add redux-js;

Usage

import redux from redux-js";

Add your initial storage in the index of your project

Initial state version deprecated

This option is only in this version in case you want to continue using 'database' as action and reducer unique for the whole store,for the next version this option will no longer be available.

redux.deprecated();

Initial state settings, example

redux.store({
  environment:env,
  storage_cache:[],
  requests_executed:[],
  path:'',
  sessions:{},
  authorize:{},
  pag_count:10, 
  pag_position:'top', 
  list_type:'table'
});

Insert data

redux.push('sessions', {username:jc, data:'example'});

Insert data and store in localstorage

redux.push('sessions', {username:jc, data:'example'}, true);

Query data

redux.get('sessions');

Query data, if it is true query the localstorage

redux.get('sessions', true);

Remove from localstorage

redux.remove('sessions');

See all data

redux.all();

Event listener, using hooks

useEffect(() => {

  const unsubscribe = redux.subscribe( () => {
    //Use 'is' or 'current'
    
    //Using is return boolean
    if(redux.is('sessions')){
      console.log('It is my event');
    }
    
    //Using current return string
    if(redux.current()==='sessions'){
      console.log('It is my event');
    }
  });
  return () => {
    unsubscribe();
  }
}, []);

Event listener, using class

componentDidMount = () => {
  this.unsubscribe = redux.subscribe( () => {
    //Use 'is' or 'current'
    
    //Using is return boolean
    if(redux.is('sessions')){
      console.log('It is my event');
    }
    
    //Using current return string
    if(redux.current()==='sessions'){
      console.log('It is my event');
    }
  });
};

componentWillUnmount = () => {
  this.unsubscribe();
};

Using Redux DevTools Extension - "not required"

1. For Chrome

- from [Chrome Web Store](https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd);

2. For Firefox

- from [Mozilla Add-ons](https://addons.mozilla.org/en-US/firefox/addon/reduxdevtools/);

3. For other browsers and non-browser environment

- use [`remote-redux-devtools`](https://github.com/zalmoxisus/remote-redux-devtools).

Animation Example