다운받아야 할 Dependency들

• redux
• react-redux
• redux-promise
• redux-thunk

설치 코드

• npm install redux react-redux redux-promise redux-thunk --save

Redux-promise / Redux-thunk

• Middleware

• redux를 잘 쓸 수 있게끔 도와주는 것

• store에서 언제나 객체형식으로만 받는 것이 아니라 Promise / function 형태로 받을 때도 있다.

• redux-thunk

  → Function을 받는 방법을 알려주는 것

• redux-promise

  → promise를 받는 방법을 알려주는 것

Redux 적용법

• 어플리케이션 시작지점(index.js)에서 다음 코드를 import 시킨다.

  //redux 적용
  import {Provider} from 'react-redux';
  
  //middleware import
  import {applyMiddleware,createStore} from 'redux';
  import promiseMiddleware from 'redux-promise';
  import ReduxThunk from 'redux-thunk';
  import Reducer from './_reducers';
  
  const createStoreWithMiddleware = applyMiddleware(promiseMiddleware,ReduxThunk)(createStore)
  
  <Provider 
  		store={createStoreWithMiddleware(Reducer,
  				window.__REDUX_DEVTOOLS_EXTENTION__&&
  				window.__REDUX_DEVTOOLS_EXTENTION__()
  		)}>
  		<App/>
  </Provider>
  

• reducer 내용

  //STORE 안에 Reducer가 여러가지 있을 수도 있다.
  //CombineReducer를 가져와서 Root Reducer 하나로 합쳐주는 거
  import {combineReducers} from 'redux';
  //아래 reducer를 만들어 사용해서 import 시키면 됨
  
  const rootReducer = combineReducers({
  
  })
  
  export default rootReducer;