객체는 자식 컴포넌트의 props에 가공없이 넘긴다
객체를 가공할때는 자식 컴포넌트에서 하는게 불필요한 객체 생성을 방지하므로 객체 그대로 props에 넘겨주자.
컴포넌트의 key값에 index값 사용 X
컴포넌트 배열의 중간에서 삽입, 삭제가 일어날 경우 index값이 올바르게 매칭 되지 않아 에러가 발생할 수 있다
useCallback의 올바른 사용
useCallback은 부모 컴포넌트에서 자식 컴포넌트(React.memo로 최적화된)의 props에 내려주는 함수를 다시 생성하고 싶지 않을 때 사용한다.
따라서, 자식 컴포넌트에서 props로 함수를 내려줄일이 없다면 굳이 useCallback을 사용하지 않아도 된다.
form은 react-hook-form
input value를 state로 관리 할때보다 더 빠르고 더 적은 리렌더 ...
다양한 기능 지원 ...
무지성 useMemo 멈춰
최적화가 필요하지 않을 때엔 useRef가 훨씬 빠르다
