Redux - Selector

cart-reducer.js

import initialState from './initial-state'
import { ADD_ITEM, REMOVE_ITEM } from './action-types'

export default function cart(state = initialState, action) {
  switch (action.type) {
    case ADD_ITEM: {
      const { item } = action
      const nextItems = state.update('items', items => items.push(item))
      const nextTotalPrice = nextItems.reduce((acc, item) => {
        return acc + item.get('price')
      }, 0)
      
      return state
        .set('items', nextItems)
        .set('totalPrice', nextTotalPrice)
    }
      
    case REMOVE_ITEM: {
      const { itemId } = action
      const nextItems = state.get('items').filter(item => item.get('id') !== itemId)
      const nextTotalPrice = nextItems.reduce((acc, item) => {
        return acc + item.get('price')
      }, 0)
                                                                   
      return state
        .set('items', nextItems)
        .set('totalPrice', nextTotalPrice)
    }
      
    default:
      return state
  }
}