[RHF] useWatch가 특정 필드의 변화만 감지할 수 있는 이유
useWatch가 특정 필드의 변화만 감지하여 컴포넌트를 분리했을 때 렌더링 최적화를 이룰 수 있는 이유를 설명한다.
최근 포스트
[리액트 렌더링] 저사양 환경에서 입력 지연이 발생하여 useTransition으로 상태 업데이트 우선순위를 조정하여 INP 17% 개선
useTransition을 활용하여 입력 지연을 개선한 경험을 소개한다.
[리액트 렌더링] 불필요한 formState 참조로 인해 페이지 전체가 리렌더링되어 리액트 렌더링 최적화를 통해 스크립트 실행 시간 58% 개선
react-hook-form과 렌더링 최적화를 적용하며 스크립트 실행 시간을 개선한 경험을 소개한다.
[비동기] return vs return await
비동기 함수를 그냥 return하는 것과 return await하는 것의 차이에 대해 이해한다.
[React] 리스트 렌더링 시 key props가 꼭 필요한 이유
key props를 이해하며, key가 꼭 필요한 상황과 key가 없을 경우 발생하는 문제들을 이해한다.