글 링크 : https://velog.io/@superlipbalm/improving-react-interaction-times-by-4x
소개
이 글에서는 클라우드 기반 스프레드시트를 개발하며 Causal 팀이 겪었던 성능 문제의 원인을 찾고 해결하기 위해 시도했던 방법들을 소개합니다. 어떠한 방법이 효과가 있었는지, 그리고 효과를 보지 못했던 방법은 왜 효과가 없었는지에 대해 자세히 설명하고 있어 평소 최적화에 관심이 있으셨다면 흥미롭게 읽으실 수 있을 것 같습니다.
목차
상호 작용 프로파일링
AG Grid: 과도한 렌더링 수정
AG Grid: 렌더링 제거
useEffect
실행 빈도 줄이기깊은
areEqual
아직 작업 중인 것
useSelector
vs.useStore
효과가 없었던 것
결과