React 팀이 React 19와 함께 제시한 **React Compiler(일명 Forget)**는 단순한 최적화 도구가 아닙니다.

이는 React 렌더링 모델을 **“수동 최적화(memoization)” → “자동 최적화(compiler-level)”**로 바꾸려는 시도입니다.

1. 왜 Transpiler가 아니라 Compiler인가?

일반적인 Transpiler(Babel)는 “문법 변환” 수준에 머무릅니다. 예: ESNext → ES5.

반면 React Compiler는 프로그램의 실행 의미(semantics)까지 해석합니다.

• 단순히 if → 삼항연산자 변환이 아니라,
• 데이터 흐름 / reactive 값 추적을 기반으로
• memoization을 자동 삽입합니다.

2. Compiler 파이프라인

React Compiler는 대략 다음 순서로 동작합니다.

• 컴파일러 이론적으로는 Lexing → Parsing → AST → HIR → MIR → SSA → 옵티마이저 여러 단계 → LIR → 코드 생성 이런 흐름을 다 거칩니다. React 팀이 강조한 건 일반적인 컴파일러 단계가 아니라, React 개발자들이 꼭 알아야 하는 React-specific 포인트는 다음 5개 입니다.

1. AST (Abstract Syntax Tree)
2. HIR (High-level Intermediate Representation)
3. SSA (Static Single Assignment Form)
4. Reactive Functions
5. JS 코드 재생성

(1) AST → HIR

AST(Abstract Syntax Tree)는 문법적 구조를 표현합니다.