JavaScript by Example

Initial state

We always define the initial state in our React components in the constructor, where we create the state variables. Similarly, we will need to create an initial state for our Redux too. The only difference is that the Redux state will have to hold the state for the entire app.

Let's strategize how the initial state will look:

• The data that is used on the home page of our blog is an array of posts, hence we will need a posts array
• The data used for showing a list of authors is also an array
• We also need to maintain states for the AJAX calls and their success or error status

In your store directory, create a new file--initialState.js--and add the following code containing the initialState object:

const initialState = { posts: ...