리액트 훅 폼

React Hook Form 딥다이브

FE Tech Talk

1. 기본 개념 이해

• controlled vs uncontrolled
• useForm 훅 동작 원리 및 핵심 메서드 파악
• 폼 상태 관리의 성능 최적화 방식

2. 핵심 기능 구현

• register 함수 구현 - 폼 필드 등록하고 검증하는 방식
• handleSubmit 함수 동작 방식 파악
• 폼 상태 관리를 위한 내부 상태 관리 메커니즘 파악
• validation 로직 구현

3. 고급 기능 탐구

• watch 기능 파악
• formState 관리 방식
• error 핸들링 방식
• 중첩 폼 필드 처리