The React Compiler Is Lying to You
- React Compiler는 프로젝트에 설치하고 잊어버릴 수 있는 것이 아니다. 메모이제이션에 대해 더 깊이 이해해야 한다. ⚛️
- React Compiler는 때때로 자동 메모이제이션이 된 것처럼 '거짓말'을 하여 개발자를 오도할 수 있다. 🤥
- 실제 애플리케이션에서는 React Compiler가 예상만큼 잘 작동하지 않을 수 있다. 복잡한 코드와 많은 훅, 함수, 컴포넌트 때문일 수 있다. 🧩
- 간단한 예제에서는 컴파일러가 잘 작동하지만, 실제 앱에서는 예상만큼 많은 불필요한 리렌더링을 해결하지 못할 수 있다. 🚧
- Nadia Makarevich의 연구에 따르면, 실제 앱에서 컴파일러는 불필요한 리렌더링의 일부만 수정할 수 있다. 📊
- 컴파일러가 모든 것을 자동으로 처리해 줄 것이라고 믿고 수동 메모이제이션을 완전히 잊어서는 안 된다. 🤔
- 컴파일러를 사용하더라도 여전히 useMemo 및 useCallback을 사용하여 성능을 최적화해야 할 수 있다. 🛠️
- React Compiler의 동작 방식을 이해하는 것이 중요하며, 맹목적으로 신뢰해서는 안 된다. 🧐
- 컴파일러가 모든 경우를 자동으로 처리해 줄 것이라고 가정하지 말고, 성능 문제를 적극적으로 모니터링해야 한다. 🔍
- 간단한 컴포넌트와 달리, 복잡한 컴포넌트에서는 컴파일러가 예상대로 작동하지 않을 수 있음을 인지해야 한다. 🤯