[260422] TIL

Today I Learned (2026-04-22)

react-hook-form 정리

• react-hook-form의 기본 개념을 정리했다.
• 비제어 컴포넌트 기반이라 불필요한 리렌더링을 줄일 수 있고, zod 같은 스키마 검증 도구와도 자연스럽게 연결된다.
• 복잡한 폼에서는 FormProvider와 useFormContext를 활용해 하위 컴포넌트에서 폼 상태와 메서드에 접근할 수 있다.

코드 정리

• 폼이 커질수록 register, control, errors를 props로 계속 넘기기보다 FormProvider로 묶는 편이 깔끔하다.
• 외부 UI 컴포넌트와 연결되는 필드는 Controller로 감싸 공통 필드 컴포넌트로 만들 수 있다.
• defaultValues를 명시하면 reset이나 비동기 초기화 과정에서 예외 케이스를 줄일 수 있다.