Redux를 사용하면서 기억해야할 것들
디렉터리 구조
actions : 액션 타입, 액션 생성자 파일을 저장
components : 오직 뷰만을 담당하는 presental 컴포넌트 저장
프리젠테이셔널 컴포넌트는 오직 뷰만을 담당하는 컴포넌트입니다. 이 안에는 DOM 엘리먼트, 그리고 스타일을 갖고 있으며, 프리젠테이셔널 컴포넌트나 컨테이너 컴포넌트를 가지고 있을 수도 있습니다. 하지만, 리덕스의 스토어에는 직접적인 접근 권한이 없으며 오직 props 로만 데이터를 가져올수 있습니다. 또한, 대부분의 경우 state 를 갖고있지 않으며, 갖고있을 경우엔 데이터에 관련된것이 아니라 UI 에 관련된것이어야 합니다.
containers: store 에 접근이 닿는 container 컴포넌트들이 저장됩니다
이 컴포넌트는 프리젠테이셔널 컴포넌트들과 컨테이너 컴포넌트들을 관리하는것을 담당합니다. 주로 내부에 DOM 엘리먼트가 직접적으로 사용되는 경우는 없습니다. 사용되는 경우는 감싸는 용도일때만 사용 됩니다. 또한, 스타일을 가지고있지 않아야합니다. 스타일들은 모두 프리젠테이셔널 컴포넌트에서 정의되어야 합니다. 상태를 가지고 있을 때가 많으며, 리덕스에 직접적으로 접근 할 수 있습니다.
리듀서 : 리듀서는 액션의 type에 따라 변화를 일으키는 함수입니다. 그리고 리듀서 파일에는 최초 변화를 일이키기 전 지니고 있어야할 초기 상태가 정의되어있어야 한다.
리듀서에는 초기값(initialState)를 저장해놓고 action type에 따라서 state를 규칙에 맞게 변화시키는 역할을 한다.
-> 리듀서는 주문서다!
