React Render Performance

Creator

Creator

Seonglae Cho

Created

Created

2021 Jul 13 16:16

Editor

Editor

Seonglae Cho

Edited

Edited

2024 Mar 11 17:16

Refs

Refs

notion image

규모가 커질 수록 조금씩 성능상의 이점이 있지만 작을때는 미미

useMemo, useCallback의 과도한 사용은 성능 향상의 이점보다는 유지보수를 어렵게 할 수 있으므로 성능 최적화가 필요한 부분에만 쓰는 것을 권장

useMemo, useCallback을 언제 써야되나?

지금까지의 테스트에서 알 수 있듯이 useMemo, useCallback을 사용해도 소수점 단위로 빨라질 뿐 눈에 띌 만한 성능 차이를 보이지 못했다. 그렇다면 무거운 컴포넌트에서는 큰 차이를 보여줄지 궁금했다. 이 경우에서는 useMemo+useCallback 조합이 평균 5.12ms로 기본 상태와 비교해 약 47.76% 빨랐다. 또한 useMemo...

https://haragoo30.medium.com/usememo-usecallback%EC%9D%84-%EC%96%B8%EC%A0%9C-%EC%8D%A8%EC%95%BC%EB%90%98%EB%82%98-6a5e6f30f759

useMemo, useCallback을 언제 써야되나?

Recommendations

////////////