본문 바로가기
Aaron[에런]/회사

[회사 제안 #5] 리액트 라이브러리 - react-hook-form

by Aaron-Kim 2022. 5. 1.

React에서 로그인이나 form의 여러 input 요소들을 처리할 때

여러 이벤트를 달면서 input 요소 하나 하나 useState 훅으로 덕지덕지 추가하면 이후에 관리하기가 너무 불편해집니다.
대안으로 보통 input 태그의 name 속성을 활용하여

useState 하나로 name들의 묶음으로 객체 형태로 초기화시켜서 처리하는데,

validator 등 여러 파일들을 분리해서 하나 하나 만들어서 또 관리해야합니다.


그래서 form 관련해서 여러 react library들이 있는데, react-hook-form이 최근에 제일 잘나가는 것 같습니다.
여러모로 장점들이 많은데, 코드가 직관적이고 간결하며, 불필요한 리렌더링 최소화, ts 지원 etc.
그때 그때 상황에 따라 form을 어떻게 처리할지 조금 다르겠지만 프로젝트할 때 활용해봐도 좋을 것 같습니다.


[Reference] - Why You Should Choose React Hook Form Over Formik and Redux-Form

반응형

댓글