복잡한 폼 상태 소유권 경계

values, errors, touched, isSubmitting을 한 컴포넌트에 몰아넣기보다 변경 주체와 신뢰 경계에 따라 소유권을 나눈다.

복잡한 폼 상태 소유권 경계values, errors, touched, isSubmitting을 한 컴포넌트에 몰아넣기보다 변경 주체와 신뢰 경계에 따라 소유권을 나눈다…
화면 소유

표시 상태

열림, 접힘, 포커스 표시를 둔다. · 입력 연결 · 필드 값과 이벤트를 화면에 묶는다.

폼 로직 소유

Reducer

change, blur, reset 전환을 모은다. · Custom Hook · values, errors, touched를 재사용한다.

신뢰 경계 소유

Schema

Zod, Yup 규칙을 UI 밖에 둔다. · Server · 권한과 중복 검사는 서버가 판단한다.

01

필드 묶기

값과 오류 이름을 같은 기준으로 맞춘다.

02

전환 모으기

이벤트가 늘면 reducer로 경로를 만든다.

핵심복잡한 폼 상태 소유권 경계은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.