Render Delegation하는 React 컴포넌트 만들기

as 속성을 통해 Polymorphic한 React 컴포넌트를 만드는 방법은 어떤 형태로든 렌더링이 가능한 가장 추상화된 형태의 컴포넌트를 만들 수 있다는 장점이 있습니다. 다만, 무엇이든 될 수 있다는 장점 때문에 오히려 어떻게 렌더링 될 지 쉽게 알기 어렵다는 단점이 존재합니다.

Render Delegation 컴포넌트는 이에 대한 대안으로, 자식이 직접 부모 컴포넌트를 대신하여 렌더링하는 방법입니다. Render Delegation은 Polymorphic과 같은 "변형을 통한 다형성 문제 해결"이라는 목적을 갖고 있지만, 기존 컴포넌트와 합성이 될 컴포넌트를 코드에서 분리한다는 점이 다릅니다.

디자인 시스템을 설계하고 계시거나, 공통으로 사용할 컴포넌트를 개발하고 계시다면 참고해 보기 좋은 내용인 것 같습니다.

https://kciter.so/posts/render-delegation-react-component/