Inferno 후속 프레임워크 Octane은 React식 컴포넌트와 훅을 가상 DOM 대신 직접 DOM을 갱신하는 코드로 컴파일합니다. JSX와 TSX를 지원하고 의존성 배열을 생략하면 컴파일러가 참조를 분석하며, 훅은 호출 순서가 아니라 코드 위치를 기준으로 식별합니다. 공식 문서는 일반 자바스크립트 반복문 안의 상태 훅에는 제약이 있고 브라우저의 실제 이벤트를 사용한다고 설명합니다. 서버 렌더링과 호환 계층이 제공되지만 클래스 컴포넌트와 React Server Components를 그대로 지원하는 것은 아니므로 기존 앱은 호환 범위를 먼저 확인해야 합니다.
Tech로 돌아가기
Tech
Octane, React식 컴포넌트를 직접 DOM으로 컴파일
익숙한 API를 쓰더라도 훅 위치와 이벤트 처리 등 달라지는 규칙을 확인해야 합니다.