클라이언트 컴포넌트는 상호작용이 시작되는 경계에 둔다

브라우저 기능이 필요한 가장 작은 subtree를 찾고 서버에서 계산한 결과를 props로 전달한다.

state·event·browser API가 필요한가?필요한 기능과 위치를 먼저 표시
아니오

Server Component

data fetch와 정적 표현을 서버에 유지

한 위젯

Leaf Client

버튼·검색 입력 등 최소 컴포넌트만 전환

공유 상호작용

Client island

관련 위젯의 공통 state 경계만 감쌈

앱 전역

재검토

provider를 좁히거나 server/client 조합으로 분해

핵심use client는 파일 하나의 실행 장소만이 아니라 그 아래 import graph의 번들 경계를 만든다.