T9: Initialize Redux, Reducers with Action Creators

[Kerimcanak]

• [x] 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

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

  • [x] 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}

  • [x] Client Reducer Actions:

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

  • [x] 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"

  • [x] Product Reducer Actions:

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

  • [x] 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

  • [x] ShoppingCart Reducer Actions

    • set cart
    • set payment
    • set address

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

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

[Kerimcanak]

researching about this subject, Redux is hard subject for me.

[Kerimcanak]

Let this be my guide: https://redux.js.org/tutorials/fundamentals/part-3-state-actions-reducers#creating-the-root-reducer

[Kerimcanak]

https://www.geeksforgeeks.org/handling-asynchronous-actions-with-redux-thunk/ reading this as of now ૮ `⎚⩊⎚´ ა