reading-notes

Project maintained by Razan-am Hosted on GitHub Pages — Theme by mattgraham

Redux - Combined Reducers

Context API: Resourceful and ideal for small applications where state changes are minimal
Redux: Perfect for larger applications where there are high-frequency state updates
Context API is easy to is use as it has a short learning curve. It requires less code, and because there’s no need of extra libraries, bundle sizes are reduced. Redux on the other hand requires adding more libraries to the application bundle. The syntax is complex and extensive creating unnecessary work and complexity.

A reducer is a function that determines changes to an application’s state. It uses the action it receives to determine this change. We have tools, like Redux, that help manage an application’s state changes in a single store so that they behave consistently.

Actions are the only source of information for the store as per Redux official documentation. It carries a payload of information from your application to store.

redux only requires our reducers to stay pure. If the new state is different, the `reducer must create new object, and making a copy is a way to describe the unchanged part.

immutable state: Immutable state means its value cannot be changed once it’s created.
time travel in redux: Time travel is the ability to move back and forth among the previous states of an application and view the results in real time.
action creator: An action creator is merely a function that returns an action object.Calling an action creator does nothing but return an object, so you have to either bind it to the store beforehand, or dispatch the result of calling your action creator.
reducer: A reducer is a function that determines changes to an application’s state. It uses the action it receives to determine this change.
dispatch: dispatch is a function of the Redux store. You call store. dispatch to dispatch an action.

As our application grows and becomes more complex, we can have multiple reducers each managing independent parts of the state. The combineReducers() helper function turns an object whose values are different reducing functions into a single reducing function that we can pass to createStore().
The combineReducers() method accepts an object whose keys can be any name that we want to provide and the value are the reducer functions.

References:

@By Shalini Fernando/Using Redux and Context API

@By tutorialspoint/Redux - Actions