Day 26-制作购物车之设定Redux: reducers&store

主要呈现实作成果

以下内容有参考教学影片，底下有附网址。
(内容包括我的不专业解说分析及在实作过程中遇到的困难与解决)

go go~

今天要来设定Redux，在src资料夹中，新增redux资料夹
然後在redux资料夹里，先新增一个store.js档，接着新增三个资料夹分别为
->reducers、actions、constants
!小补充!
store:注意一个Redux应用只会有一个store。
constants:是常数的部分。
actions:传递资料到store里。
reducers:想要将资料处理拆分时使用。（而不是使用多个store）

store.js:

-Redux-Thunk:简单说就是能从一个function中，呼叫另一个function。
-import {createStore} from 'redux':建立store。
-applyMiddleware:能将多个middleware结合。
-combineReducers:随着程序越来越庞大，可能会将reducer分配到各处，这时就需要combineReducers。

index.js:

-provider:让任何有需要store的组件（components），能够允许使用。

###Constants
在constants资料夹里新增cartConstants.js档&productConstants.js档
cartConstants.js:

输出ADD_TO_CART&REMOVE_FROM_CART&CART_RESET

productConstants.js:

输出GET_PRODUCTS_REQUEST&GET_PRODUCTS_SUCCESS&GET_PRODUCTS_FAIL
和GET_PRODUCTS_DETAIL_REQUEST&GET_PRODUCTS_DETAIL_SUCCESS&GET_PRODUCTS_DETAIL_FAIL