Learning Redux

Posts reducer

Next we create the posts reducer, dealing with creating, editing, and deleting posts.

1. Create a new file src/reducers/posts.js.
2. We import the action types we need, and define the reducer function with the initial state being an empty array:

import { CREATE_POST, EDIT_POST, DELETE_POST } from '../actionTypes'

export default function postsReducer (state = [], action) {

3. This time we use a switch statement, because we are handling multiple actions:

switch (action.type) {

4. We start by handling the CREATE_POST action. We need to set the created and updated values to the current timestamp here:

 case CREATE_POST: { const { type, post } = action const ts = Date.now() return [ ...state, { ...post, created: ts, updated: ts }, ] } ...