-
오늘 리액트 컴파일러를 사용해 봤는데, 어땠을 것 같나요? 😉 게시글을 읽고 느낀점데일리 데브 인사이트 2024. 9. 2. 09:19
오늘 리액트 컴파일러를 사용해 봤는데, 어땠을 것 같나요? 😉
오픈소스화된 리액트 컴파일러를 사용해 이제 리액트에서 메모이제이션을 사용할 필요가 없는지 살펴봅니다.
junghan92.medium.com
- 리액트 컴파일러의 취지 : 리액트에서 계단식으로 발생하는 리렌더링 문제를 해결하고자함
- 컴파일러 사용 후기
- 컴파일러는 플러그 앤드 플레이 방식으로 설치만 하면 바로 작동하며, 기존 코드를 다시 작성할 필요가 없습니다.
- 리액트 개발자 도구에서 메모이제이션된 것으로 표기는 되지만 모든 것이 올바르게 메모이제이션 되지는 않음
- 컴파일러를 설치한 후에는 React.memo, useMemo, useCallback에 대해 다시 생각할 필요가 없을 것입니다.
- 현재 상태에서는 절대 안됨
- 수정하려는 리렌더링 부분을 디버깅하는 데 사용
- 컴파일러에 최적화된 컴포넌트를 작성하기 위한 육감적인 감각을 키워야함
- 컴파일러는 플러그 앤드 플레이 방식으로 설치만 하면 바로 작동하며, 기존 코드를 다시 작성할 필요가 없습니다.
- 유용한 점
- react compiler playground를 이용하면 컴파일러가 동작하는 부분이 이해하기 쉬울 거 같다.
'데일리 데브 인사이트' 카테고리의 다른 글
미디엄 기사를 읽고 - 2025/01/06 (0) 2025.01.06 미디엄 게시글을 읽고 요약 (0) 2025.01.03 미디엄 게시글을 읽고 요약 (0) 2025.01.02 브라우저에 데이터 저장하기 - 쿠키와 document.cookie (0) 2025.01.02 [번역]알고리즘과 자료구조를 즐겁게 배울 수 있는 앱을 만들어 보았다 게시글을 읽고 (0) 2024.12.18