Learning · React

react-compiler

기능당 한 편 — 무엇·무슨 일·사용법·실무 예시·중요도.

Docs 11Version v1.0

설정11

React Compiler 설치React Compiler 1.0빌드 타임에 컴포넌트를 자동으로 메모이제이션하는 컴파일러를 빌드 도구와 린트에 붙인다."use memo" 지시어함수를 컴파일러 최적화 대상으로 표시하는 지시어. annotation 모드에서 핵심."use no memo" 지시어함수를 컴파일러 최적화에서 빼는 탈출구 지시어. 모드와 무관하게 항상 건너뛴다.compilationMode컴파일러가 어떤 함수를 컴파일 대상으로 고를지 정하는 규칙. 기본은 'infer'.gating런타임 피처 플래그로 컴파일된 코드를 켜고 끈다. 점진 출시·A/B 테스트에 쓴다.React Compiler 설정React Compiler 1.0컴파일 대상·타깃 React 버전·에러 정책 등 컴파일러 동작을 옵션 객체로 조정한다.React Compiler 지시어React Compiler 1.0특정 함수를 컴파일 대상에 넣거나 뺀다. 함수 본문 첫 줄이나 파일 맨 위에 쓰는 문자열이다.target컴파일러가 어느 React 버전(17·18·19)에 맞춰 코드를 낼지 정한다. 기본은 '19'.logger컴파일 중 일어나는 이벤트(성공·스킵·에러 등)를 커스텀 콜백으로 받아 로깅한다.panicThreshold컴파일 에러를 만났을 때 빌드를 멈출지, 그 함수만 건너뛸지 정한다. 기본은 'none'.라이브러리 컴파일React Compiler 1.0npm 라이브러리를 미리 컴파일해 배포하는 법. 런타임 의존성과 target 설정이 핵심이다.