Redux 프로젝트 구조

components

Redux와 연동되지 않고 단순히 보여주기 위한 컴포넌트를 프레젠테이셔널 컴포넌트라고 부른다.

 

containers

Redux와 연동된 컴포넌트를 컨테이너라고 부른다.

 

store/modules

Redux에서 사용되는 Action과 Reducer를 기능별로 분류하여 작성하는데 이를 module이라고 부른다. 보통 액션과 리듀서를 구분해서 사용하는데 합쳐서 사용하는 기법은 duck 기법이라고 한다.

 

store/configure.js

리덕스 스토어를 생성하는 함수를 분리해놓은 파일. 서버 사이드 렌더링을 위해서 해놓은 것.

 

store/index.js

스토어를 생성한 후에 내보내는 역할을 하는데, 그밖에도 미들 웨어를 설정하는 일을 할 수 있다. 예를들면 비동기 통신 라이브러리(redux-thunk 등)을 설정한다.

 

위의 폴더 구조를 따라야 하는게 강제되진 않지만 권장하는 방식이다.