Template

Template과 Layout 재마운트 차이

layout은 segment 이동 중 유지되고, template은 이동할 때 새 인스턴스로 만들어져 진입 효과나 초기화를 다시 실행한다.

페이지 이동 시 수명 주기 차이

remount

Layout

공유 UI와 상태를 유지해 탭이나 사이드바에 적합하다.

Template

탐색마다 새로 마운트되어 애니메이션과 초기화에 맞다.

State

유지되어야 하는 상태는 layout 쪽에 두는 편이 안전하다.

Effect

진입마다 실행해야 하는 effect는 template에서 다루기 쉽다.

navigatelayout kepttemplate remountpage rendereffect run
페이지 이동 시 수명 주기 차이

둘 다 children을 감싸지만 수명이 다르다. UI가 남아야 하는지, 매번 새로 시작해야 하는지로 고른다.