React 후속 프레임워크 Octane, 의존성 배열과 훅 규칙 없이 컴파일 타임 최적화 내세워 등장
- Octane은 Inferno의 후계 프레임워크로 React의 훅, Suspense, 액션을 사전 컴파일하며 가상 DOM을 쓰지 않음
- 컴파일러가 이펙트·메모·콜백이 실제로 참조하는 값을 추적해 의존성 배열을 자동 생성하고, 훅을 조건문이나 조기 리턴 뒤에 둬도 동작함(슬롯은 호출 순서가 아니라 호출 위치로 할당됨)
- 런타임·컴파일러·SSR·바인딩 전반에 걸쳐 11,500개 이상 테스트가 실행되며 핵심 스위트에만 3,900개 이상 케이스가 있고 53개 퍼스트파티 생태계 바인딩 제공
- OctaneCompat으로 기존 React 19 앱에 컴파일된 Octane 컴포넌트를 섬(island) 단위로 점진 이식 가능하며 네이티브 이벤트와 실제 React 컨텍스트, SSR+하이드레이션을 지원하지만 React Server Components는 이식되지 않음
- octane doctor CLI가 런타임 중복 설치, jsxImportSource 미설정 등 20가지 설정 오류를 점검하고 일부는 자동 수정함
Hacker News 의견들
Vue Vapor 모드가 이 성능 비교표에서 이렇게 잘 나올 줄 몰랐음
Vue Vapor 3.6 베타랑 Ripple 0.3이 Octane이랑 똑같이 1.0 나왔는데 막대바만 살짝 더 길게 그려서 자기네가 위에 있는 것처럼 보이게 만든 거임. 전형적인 통계 눈속임임
이 비교표 스타일 딱 Claude가 쓴 티 남 ㅋㅋ
아이폰17에서 Differences from React 버튼 눌렀더니 렌더링 엄청 오래 걸리던데
나도 그랬음. 그냥 링크라서 콘텐츠 로딩이 오래 걸리는 거 같음. 문서 사이트가 마케팅 페이지보다 느린 듯
Svelte 기능들을 React 비슷한 API로 이식하려는 시도처럼 보임
SSR 쪽을 좀 더 강조해줬으면 좋겠음. Ruby/Phoenix/PHP 대체제를 TypeScript로 찾고 있는데 React 같은 API면 딱임
RedwoodJS나 BlitzJS도 예전에 그런 거 하지 않았나
React랑 SSR API 똑같이 다 있음. Octane 웹사이트 자체도 Octane으로 렌더링되고 소스가 깃허브에 있으니 궁금하면 보면 됨
React랑 모델이 좀 다른데(의존성 배열 없음, if 안에 훅 가능) 코딩 에이전트들이 이 코드 보고 안 헷갈려하나?
llms.txt에 다 적어놨음: octanejs.dev/llms.txt. 근데 LLM 지침에서 흔히 보이는 반복 강조나 과장은 없더라
'Measured, not vibes'라고 써놨는데 정작 페이지 전체 문구에 바이브 코딩 티가 엄청 남. 프로젝트 자체는 괜찮아 보이는데 문장마다 Claude 흔적이 있는 게 아쉬움
그게 아이러니한 게 작성자가 OpenAI에서 일한다는 거임
React Compiler랑 겹치는 부분 있나? 자동 메모이제이션 같은 거. 그리고 Octane이 순정 React 대비 단점이나 한계가 뭔지 아는 사람?