프론트엔드 정복하기

Connect, mapStateToProps, mapDispatchToProps 함수는 현재 useDispatch 함수로 간단하게 대체해서 사용할 수 있다. 하지만 이 함수들의 기능을 파악해야 useDispatch로 변경시킬 수 있기 때문에 이 3가지 함수와 인자들에 대해서 공부해보자. thoughtbot.com/blog/using-redux-with-react-hooks : React Hooks와 useDispatch *Connect( ) : Provider 컴포넌트의 하위 컴포넌트들이 Store에 접근하게 만드는 역할을 한다. connect(mapStateToProps, mapDispatchToProps)(Provider 하위 Component) 1. mapStateToProps : connect 함..

[ middleware.js 원문 ] 더보기 import agent from './agent'; import { ASYNC_START, ASYNC_END, LOGIN, LOGOUT, REGISTER } from './constants/actionTypes'; const promiseMiddleware = store => next => action => { if (isPromise(action.payload)) { store.dispatch({ type: ASYNC_START, subtype: action.type }); const currentView = store.getState().viewChangeCounter; const skipTracking = action.skipTracking; action..

1 import { applyMiddleware, createStore } from 'redux'; 2 import { createLogger } from 'redux-logger' 3 import { composeWithDevTools } from 'redux-devtools-extension/developmentOnly'; 4 import { promiseMiddleware, localStorageMiddleware } from './middleware'; 5 import reducer from './reducer'; 6 import { routerMiddleware } from 'react-router-redux' 7 import createHistory from 'history/createBrow..