부모 선택
라우터가 먼저 공통 레이아웃을 담당하는 상위 route를 매칭한다.
자식 선택
남은 path segment로 탭, 상세, 설정 같은 하위 route를 고른다.
Outlet 배치
부모 컴포넌트의 지정된 위치에 자식 화면이 들어간다.
공통 데이터
부모 loader나 context가 자식 화면에서 재사용할 기준 데이터를 제공한다.
Dashboard
공통 셸
사이드바와 상단 바는 이동해도 유지
불필요한 remount 감소
Index route
기본 자식
/settings 접근 시 profile 탭 등 기본 화면 표시
빈 Outlet 방지
Nested params
상위 id 공유
/teams/:teamId/members/:memberId
부모와 자식이 같은 맥락을 사용
Error boundary
구간별 실패 처리
자식 데이터 실패가 전체 앱을 무너뜨리지 않음
라우터 버전별 API 확인