[TIL] 리액트, 모르는 게 많았네요.

유데미 강좌 “React 마스터 클래스: Part2 - 고성능 훅으로 지배하는 실무 아키텍처 미션” 를 완주했습니다.

“이런 사람이 들으라”고 적혀 있는데, 다음과 같은 것들은 완전히 공감됩니다.

• useMemo나 useCallback을 언제, 왜 써야 하는지 명확한 기준 없이 습관적으로만 사용하던 코딩 방식을 바꾸고 싶은 분
  (useMemo, useCallback : react compiler 도 알게 됨. 함수마다 붙어 있는 useCallback 이 너무 꼴보기 싫었는데, react compiler를 켜면 더이상 쓸 필요없다니 속시원합니다.)

• 브라우저의 페인팅 시점을 제어하여 팝업이나 메뉴의 미세한 번쩍임(Jank)까지 잡아내는 디테일의 차이를 만들고 싶은 분
  (useLayoutEffect : 툴팁을 요걸로 그리는 거구나!)

• 서버 사이드 렌더링 환경에서 발생하는 하이드레이션 오류와 ID 불일치 문제를 완벽하게 통제하고 싶은 개발자
  (useId : nextjs 하이드레이션 에러 화면이 뭔지 알았음)

• 남들이 만든 라이브러리를 가져다 쓰는 수준을 넘어 직접 고성능 커스텀 훅을 설계할 수 있는 라이브러리 제작자급 실력을 원하는 분
  (useImperativeHandle : 라이브러리 컴포넌트를 이렇게 만드는 거구나! 리액트 19부터는 forwardRef 필요없어졌네?)

연습문제는 따라하기가 아니고 스스로 풀어야 하는 거라 힘들지만 배우는 건 많은 것 같습니다.