목차
Componsnt 규칙
컨테이너 컴포넌트 → Template
- 다른 프레젠테이션 컴포넌트나 컨테이너 컴포넌트를 관리
- 내부에 Dom Element를 적용하지 않되 컴포넌트를 감싸는 용도로만 사용한다.
- 스타일을 가지고 있지 않는다 → 레이아웃을 위한 스타일 적용은 허락한다.
- 스타일은 모두 프레젠테이셔널 컴포넌트 내부에 정의되어야 한다
- 상태를 가지고 있고 리덕스에 직접 접근하여 데이터를 가져온다
- dispatch를 하는 함수를 여기서 구현한다
프레젠테이셔널 컴포넌트 → Template > Organism
- View 만을 담당하는 컴포넌트이다 (UI를 작성한다)
- 이 컴포넌트 안에서는 프레젠테이셔널 컴포넌트와 컨테이너 컴포넌트 둘 다 사용할 수 있다
- 리덕스 스토어에 직접적으로 접근하지 않고 props로만 데이터, 함수를 가져온다
- 순수한 컴포넌트로 state를 사용하지 않으며 state가 있을 경우 데이터가 아닌 UI에 대한 state여야 한다.