react-hook-form이란?

MATA·2020년 10월 18일
1

React Hook Form

목록 보기
1/1


공식 홈페이지에 접속하면 첫번째로 강조하는 것이 '유연하고 확장 가능한 사용하기 쉬운 고성능 폼 검증 라이브러리'라고 정의되어 있다.
react-hook-form은 hook 기반의 인기있는 유효성 검사 라이브러리이다.
사용해보고 직접 느낀 생각을 간단하게 정리해보겠다.

장점

  1. 렌더링 최소화 - 페이지나 앱의 부정적인 영향을 줄 수 있는 리랜더링을 분리할 수 있다.
    아래는 실제 테스트 결과!
  2. 공식 문서가 잘 정리되어 있다.
  3. 사용자가 계속해서 늘어나는 인기 라이브러리이므로 커뮤니티가 잘 형성되어 있다.
  4. 기존 HTML 마크업을 그대로 사용하고, 제약 기반의 유효성 검사 API를 사용하여 폼의 유효성을 검사할 수 있다.

단점

  • 사용해본 결과 의도하지 않은 상황에서 State를 결합하여 사용해야 하는 경우가 있었다. 예를 들어 체크박스를 사용하며 값을 ture/false가 아닌 'Y'/'N'으로 사용해야 했으나 이 경우 따로 State를 사용하거나 handleSubmit에서 데이터를 가공해야 할 때 번거로운 점이 있었다.

후기

  • 성능적인 면에서 더 빠른 속도 향상을 경험하였고 앞으로도 어떠한 문제가 일어나지 않는 이상은 계속해서 사용할 것이다. 다음엔 use-hook-form api에 대해서 조금 더 자세하게 정리해보겠다. 물론 useFieldArray에 대해서도!
profile
잘하는 개발자

0개의 댓글