{"id":21357,"date":"2023-02-15T03:46:59","date_gmt":"2023-02-15T03:46:59","guid":{"rendered":"https:\/\/www.booksofall.com\/?post_type=product&p=21357"},"modified":"2023-02-15T03:46:59","modified_gmt":"2023-02-15T03:46:59","slug":"redux-tutorial","status":"publish","type":"product","link":"https:\/\/www.booksofall.com\/pt\/redux-tutorial\/","title":{"rendered":"Redux Tutorial"},"content":{"rendered":"

Redux is a predictable state container for JavaScript<\/a> apps. As the application grows, it becomes difficult to keep it organized and maintain data flow. Redux<\/a> solves this problem by managing application\u2019s state with a single global object called Store. Redux fundamental principles help in maintaining consistency throughout your application, which makes debugging and testing easier.<\/p>\n

More importantly, it gives you live code editing combined with a time-travelling debugger. It is flexible to go with any view layer such as React<\/a>, Angular<\/a>, Vue<\/a>, etc.<\/p>\n

Principles of Redux<\/h5>\n

The predictability of Redux is determined by three most important principles as given below:<\/p>\n

Single Source of Truth<\/h5>\n

The state of your whole application is stored in an object tree within a single store. As whole application state is stored in a single tree, it makes debugging easy, and development faster.<\/p>\n

State is Read-only<\/h5>\n

The only way to change the state is to emit an action, an object describing what happened. This means nobody can directly change the state of your application.<\/p>\n

Changes are made with pure functions<\/h5>\n

To specify how the state tree is transformed by actions, you write pure reducers. A reducer is a central place where state modification takes place. Reducer is a function which takes state and action as arguments, and returns a newly updated state.<\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"