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
반응형
'Aaron[에런] > 회사' 카테고리의 다른 글
[회사 제안 #4] 리액트 라이브러리 - recoil (0) | 2022.05.01 |
---|---|
[회사 제안 #3] 재사용 컴포넌트, 훅 등 회사의 asset으로 archiving 활용 (0) | 2022.05.01 |
[회사 제안 #2] Git Flow & Git commit convention (0) | 2022.05.01 |
[회사 제안 #1] Volta tool 도입 (0) | 2022.05.01 |
댓글