목록합성 컴포넌트 (1)

Lighthouse of FE biginner

[React] 합성(Composition) 컴포넌트

Overview이번 포스팅에서는 합성 컴포넌트에 대해서 살펴보도록 하겠습니다.합성 컴포넌트는 컴포넌트를 조합하여 UI를 만드는 것으로 컴포넌트의 재사용성을 극대화 시키는 패턴입니다.합성 컴포넌트 패턴을 활용하면 여러가지 이점을 볼 수 있습니다 합성된 컴포넌트들은 독립적으로 유지되지만 서로 상태를 공유하며 긴밀하게 연결된다.비지니스 로직이 섞이지 않으며 비지니스 로직이 컴포넌트 단위로 잘게 쪼개진다.컴포넌트를 잘 쪼개고 상태 관리를 최적화 할 수 있어서 랜더링 최적화가 된다.예제를 살펴보며 합성 컴포넌트를 자세히 살펴봅시다. 예제일반 컴포넌트리스트를 구현해야 하는 상황이 발생 했습니다. 초기에는 단순히 라벨만 노출시키면 되는 단순한 리스트입니다.type Props = { items: Item[];};co..
[WEB] 프론트엔드 2025. 1. 1. 15:11
이전 Prev 1 Next 다음