문제 영역
폼, 라우팅, 서버 데이터, UI 중 어느 반복 비용을 줄일지 정한다.
팀 규칙
검증 위치, 에러 표시, URL 파라미터 처리 방식을 합의한다.
라이브러리 결합
폼 제출이 mutation을 호출하고 성공 시 라우터가 이동하는 흐름을 설계한다.
교체 가능성
도메인 로직은 라이브러리 API 안에 과하게 묶어두지 않는다.
React Hook Form
폼 상태 최적화
입력 필드가 많아도 렌더 비용을 낮게 유지
스키마 검증과 함께 쓰기 좋음
Router
URL 중심 화면
동적 라우트, query string, 중첩 레이아웃을 관리
상태를 URL에 둘지 판단
Query
원격 데이터
캐시, 재시도, 로딩 상태를 표준화
mutation 후 invalidation 설계 필요
UI Kit
일관된 인터랙션
modal, select, tooltip 등 접근성 패턴 제공
디자인 시스템과 충돌 여부 확인