form state

폼 상태 원천은 React state, DOM, 폼 라이브러리 중 하나로 좁힌다

값, 오류, 방문 여부, 제출 상태가 많아질수록 단순 useState보다 reducer나 폼 라이브러리의 구조가 필요하다.

작은 폼 useState값과 오류 직접 관리구조 단순
복잡한 폼 reducer/libraryvalues/errors/touched 분리검증 파이프라인
상황
좋은 원천
나쁜 신호
검색창
local state
과한 라이브러리
회원가입
form hook/library
상태 객체 난립
파일/외부 위젯
ref/DOM
제어 불가 경고
서버 검증
library + API
오류 위치 불명확
핵심 폼 상태 원천이 섞이면 입력, 검증, 제출 책임이 빠르게 흐려진다.