#Redux can be this easy : source : #reactjs #ReactNative

#Redux  can be this easy : 
source : 
#reactjs #ReactNative

  • Setting up and organizing a redux store in your react/ react-native projects can be a tedious and daunting task.
  • Redux-Box aims at extracting the complexity in setting up redux with redux-saga, without loosing the flexibilty or without introducing new bizzare terms.
  • Run this command in your terminal/cmd to install the package: – – Redux box emphasizes on dividing the whole application into multiple modules.
  • Each of these modules manage it’s state seperately, with the help of 4 segments: – – 3.
  • actions (it contains the actionCreators for your store.

redux-box – Modular and easy-to-grasp redux container

We recommend upgrading to the latest Safari, Google Chrome, or Firefox.

GitHub is home to over 20 million developers working together to host and review code, manage projects, and build software together.

__test__ updated readme Jan 13, 2018

example mapped actions and changed the decorator syntax a bit Jan 25, 2018

Setting up and organizing a redux store in your react/ react-native projects can be a tedious and daunting task. Redux-Box aims at extracting the complexity in setting up redux with redux-saga, without loosing the flexibilty or without introducing new bizzare terms.

Run this command in your terminal/cmd to install the package:

Redux box emphasizes on dividing the whole application into multiple modules. Each of these modules manage it’s state seperately, with the help of 4 segments:

state (this file specifies the initial state of the module)

mutations (this file specifies the function to be run when a specific action is dispatched, it’s same as reducer but clutter-free)

3.actions (it contains the actionCreators for your store. Each method of this object must return an action object with ket ‘type’ )

sagas ( this is where you write all your sagas / async operations)

index (this file exports a container which encloses the whole module and can be used with render props)

After thing you would need to wrap your root component around the Provider…

GitHub