서버 트리 안에 작은 클라이언트 섬을 끼워 넣는다

서버가 데이터와 큰 구조를 소유하고 브라우저 반응이 필요한 leaf만 props 또는 children으로 연결한다.

Server-rendered tree초기 화면과 데이터 소유권의 기본 골격
server

Data shell

DB·권한·초기 HTML과 큰 렌더 작업

props

Serialized data

문자열·숫자·plain object처럼 경계를 건널 값

children

Server result slot

서버가 만든 결과를 client wrapper가 표시만 제어

client

Interactive leaf

입력·토글·브라우저 API와 지역 상태

핵심클라이언트 컴포넌트가 서버 컴포넌트를 import해 실행하는 대신 서버 결과를 children으로 조합해야 경계가 유지된다.