Form 을 개발하며 왜 모든 요소에 re-render
가 일어나야 하는지 고민해 본 경험이 있나요?
이 글에선 단순한 리액트 폼 컴포넌트와 Context API
, Jotai
, React Hook Form
을 사용한 컴포넌트를 비교하며
re-render
비용이 적은 폼 컴포넌트를 만들어 봅니다.
Form 을 개발하며 왜 모든 요소에 re-render
가 일어나야 하는지 고민해 본 경험이 있나요?
이 글에선 단순한 리액트 폼 컴포넌트와 Context API
, Jotai
, React Hook Form
을 사용한 컴포넌트를 비교하며
re-render
비용이 적은 폼 컴포넌트를 만들어 봅니다.
재사용성이 높은 컴포넌트는 어떻게 하면 만들 수 있을까요?
@types/react/index.d.ts
에서 Ref 의 타입 정의를 보면 Bivariance hack for consistent unsoundness with RefObject 란 주석이 있습니다.
이 문장이 뜻하는 바에 대해 알아봅시다.