T9: Initialize Redux, Reducers with Action Creators

[oguzsamsa]

• [ ] Install and initialize Redux with Redux Thunk, Logger middleware

  • you should install redux, react-redux and redux-thunk, logger middleware libraries
  • create and provide store object

• [ ] Create Reducers with only basic set actions, reducers should have exact same structure below:

  • [ ] Client Reducer:

    • user {Object} all about user
    • addressList: {Object Array} address list of the user
    • creditCards: {Object Array} credit card list of the user
    • roles: {Object Array}
    • theme: {String}
    • language: {String}

  • [ ] Client Reducer Actions:

    • set user
    • set roles
    • set theme
    • set language

  • [] Product Reducer:

    • categories: {Object Array}
    • product list: {Object Array}
    • total {Number} number of total products
    • limit: {Number} | 25 by default product count on the page
    • offset: {Number} | 0 by default for pagination
    • filter: {String}
    • fetch state: {String} | "NOT_FETCHED" by default | one of "NOT_FETCHED" , "FETCHING", "FETCHED", "FAILED"

  • [] Product Reducer Actions:

    • set categories
    • set product list
    • set total
    • set fetch state
    • set limit
    • set offset
    • set filter

  • [ ] ShoppingCart reducer

    • cart: {Object Array} will keep products are being bought

      [
          {  count: 1, product: { id: “1235”, … }  },
          {  count: 3, product: { id: “1236”, … }  },
      ]

    • payment {Object} will keep payment information

    • address {Object} will keep address information

  • [ ] ShoppingCart Reducer Actions

    • set cart
    • set payment
    • set address

• [ ] Code action creators for those reducers and each field above

• [ ] Create thunk action creator to get roles and put it in store. NOTE: It should be triggered only in case of need!