미디엄 게시글을 읽고 - 2025/01/22

 

제목	리액트에서 INP를 효과적으로 최적화하는 5가지 팁	실제 코드에서 리액트 컴파일러의 성능
출처	https://calendar.perfplanet.com/2024/5-tips-to-effectively-optimize-inp-in-react/ https://velog.io/@typo/5-tips-to-effectively-optimize-inp https://kofearticle.substack.com/p/korean-fe-article-inp-5?utm_campaign=email-half-post&r=3l7kna&utm_source=substack&utm_medium=email	https://www.developerway.com/posts/how-react-compiler-performs-on-real-code https://emewjin.github.io/react-compiler-performs-on-real-code/
요약	리액트로 만들면 웹은 알아서 빠르게 되나요? 그렇지 않습니다! 1) DOM 크기 줄이기 2) 컴포넌트를 작게, 확장 가능하게 나누기 3) <Suspense> 사용하기 4) 하이드레이션 에러 주의하기 5) useEffect() 주의하기	리액트의 리렌더링과 메모이제이션 문제 구원자 리액트 컴파일러 🚀 리액트 컴파일러를 간단한 예제에 적용해보기 실제 앱에서의 리액트 컴파일러 초기 로드 성능과 리액트 컴파일러 상호작용 성능과 리액트 컴파일러 리액트 컴파일러가 모든 리렌더링을 잡아낼 수 있을까요?