[코드캠프 2주차]container - presentation

민범기·2022년 3월 21일
0

[실무형 폴더 구조]

[Container/presenter 패턴]

state나 상태 관리 부분들은 Container JSX 부분은 presenter 로 나누는 것이 좋다.
presenter 부분을 import 를 통해서 JSX 를 불러 오고, Container 부분에서 로직을 짠다.
로직을 두개로 분리 함으로써 유지 보수 측면에서 훨씬 더 좋아진다.
리액트의 컴포넌트가 분리 가능하다는 장점을 활용한 부분 같다.

하지만 Container 에서 함수를 사용하기 위해서는 함수를 실행시키기 위해 하나의 컴포넌트 안에 들어가 있어야 하지만, 두개로 나누어 지면서 함수를 사용할수 없게 된다. 따라서 props 를 통해서 부모 컴포넌트에서 자식컴포넌트로 값들을 내려준다.

profile
프론트엔드 개발 지망생 민범기입니다^^

0개의 댓글