Learning Redux

Implementing the Elements of Redux

After getting the first taste of Redux, we will now go into more detail on the elements that make up Redux:

• Actions: JavaScript objects, which describe state changes in the application
• Action creators: Functions that take some arguments and return an action
• Reducers: Functions that take the current state and an action, and return the new state
• Store: The heart of Redux, which actually stores and guards your application state; we can subscribe to state changes in the store and dispatch actions to it

In this chapter, we will discuss how to implement these elements and how to put them together. Furthermore, we will create our first small project using Redux. It will be a simple blog that lists posts and reacts ...