Redux.combineReducers를 사용하고 Reducers를 나누어보자

TOC

  1. store를 나누자

  2. 예시

  3. 중요한 점



.
├── actions
│   ├── log.js
│   └── post.js
├── reducer
│   ├── index.js
│   ├── log.js
│   └── post.js
└── store.js

간단한 Redux를 설정하는데도 많은 줄의 코드가 필요하다.

아래의 간단한 store만 해도 logIn, logOut, add post 기능 3개만을 관리하는데 90줄에 가까운 코드가 쌓이게 된다.

코드가 길면 해독이 어렵고 정신이 혼미해지다 기괴한 코드를 짜내기 마련이다.

따라서 store를 action, reducer, store 세가지로 나누어 관리를 해보자.
state를 잘 관리하기 위해 store부터 깔끔하게 관리하자는 것이다.