개발하는 기획자. 기획하는 개발자.

슬롯 패턴이란? 하위 컴포넌트(slot)의 선언과 렌더링을 분리하여, 부모가 레이아웃을 완전히 제어하는 패턴입니다. Vue/Web Components의  개념을 React에 도입한 것입니다. React Slots RFC(#223)에서 제안된 아이디어의 레퍼런스 구현이 create-slots 패키지입니다. Compound Component vs 슬롯 create-slots 설치 및 핵심 API create-slots는 4개의 핵심 API를 제공합니다. 핵심 흐름: createSlot으로 슬롯 컴포넌트를 정의 사용자가 children에 슬롯을 자유 순서로 선언 createHost가 children에서 슬롯을 추출하여 Slots 객체로 전달 부모가 Slots.get()으로 원하는 순서와 위치에 렌더링 패턴 1.......

리액트 슬롯 패턴 — create-slots 패키지로 선언 순서와 레이아웃 분리하기

댓글