Redux - simplified for beginners

A store holds the whole state tree of your application. What is State? State represents the entire state of a Redux application, which is often a deeply nested object. The only way to change the state is to dispatch an action. Its an object with few methods on it. Store Methods: 1. getState() : This method returns current state tree of application. reducers returns the state since it is pure function. So current state is nothing but the last state return but the reducer function. Return type of getState() is any. 2. dispatch(action) This Method dispatches an action. This is the only way to change the state. The parameter is action. action is nothing but an object which contains property like action type and payload. 3. subscribe(listener)​ This method use to subscribe the store. the parameter for this method is callback function.if there is any change happen to the state by dispatching any action then listener callback function will get cal...

Now days single page applications are widely developed and there are different frameworks to develop single page application. Although there are different frameworks, Manage single-page applications have become increasingly complicated, our code must manage more state than ever before. Redux offers us an in-memory store. You can say it is blueprint of database but in browser's memory. Concepts in Redux: There are few concepts which we should know before starting. we will explain each of them in great details in future. 1. Store : Store is nothing but simple javascript object which will store in tree like structure. This is the heart of Redux. This  will be the single source of truth. application will behave according to state of store. State is immutable. 2. Actions : Actions are nothing but javascript object.Which contains type and payload. whenever we want to change the state then we need to dispatch an action. e.g suppose we have employee list in our sta...