React Hook Form 소개

React Hook Form 이란?

사용하기 쉬운 검증(validation), 뛰어난 성능, 유연성, 확장 가능성을 특징으로 하는 리액트 폼 생성 라이브러리이다.

특징

DX

직관적이며, 기능 완전한 API 를 제공한다.

HTML Standard

HTML 마크업의 장점을 극대화시키고 제약을 기반으로한 validation API 를 통해 form 을 검증한다.

Super Light

다른 의존성을 추가로 안가져가는 가벼운 라이브러리이다.

Less code. More Performant. Isolate Re-renders.

전체 코드의 양도 줄여주면서 불필요한 리렌더링도 없애준다. 재 렌더링을 최소화하고 검증에 드는 비용을 최소화하며 더 빠른 마운팅을 제공한다. 기존의 Controlled Form 방식과 비교했을 때, 변화하는 부분도 고립되어(isolated) 있다.

Subscription

전체 폼의 리렌더링 없이도 각각의 input 과 Form 의 상태 업데이트를 구독할 수 있다.

Faster Mounting

기존의 방식과 비교했을 때 훨씬 빠른 마운팅을 한다.

React Hook Form

No. of mount(s): 1
No. of committing change(s): 1
Total time: 1800ms

다른 라이브러리 1

No. of mount(s): 6
No. of committing change(s): 1
Total time: 2070ms

다른 라이브러리 2

No. of mount(s): 17
No. of committing change(s): 2
Total time: 2380ms

Adoptable

폼 상태는 원래 로컬에 있으므로, 다른 의존성 없이도 쉽게 적용될 수 있다.

UX

가장 좋은 사용자 경험을 제공하려 노력하고, 일관성 있는 검증 전략을 제공한다.

레퍼런스

• https://react-hook-form.com/