Using Redux GET - PUSH

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 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();

React 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();
  }
}, []);

React 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();
};

Comments

[Juan]

Este paquete ayudará a quien no sepa usar redux,