Octane introduces a compiled React programming model without virtual DOM or dependency arrays

Introducing Octane: A Compiled React Approach

Octane is presented as a successor to Inferno, focusing on performance by compiling React's programming model. This new framework processes hooks, Suspense, and actions ahead of time, which removes the reliance on a virtual DOM for rendering.

A key feature of Octane is its compiler-driven dependency tracking. This eliminates the need for developers to manually maintain dependency arrays in `useEffect` or `useMemo` hooks, as the compiler infers what the code uses. It also allows for hooks to be placed behind conditional statements or early returns, a departure from React's "rules of hooks".

Performance and Compatibility

Octane aims to improve application performance through direct DOM writes and optimized node movement for keyed lists. It also supports independent `use()` calls that start together and early warming of nested fetches, enhancing streaming server-side rendering (SSR).

The framework maintains compatibility with existing React components. Developers can incrementally adopt Octane by converting .tsx files to .tsrx, allowing for a gradual migration without a full rewrite. This approach also means that AI agents could potentially assist in migrating applications.

Distinction from Signal-Based Frameworks

While acknowledging the utility of signals, Octane differentiates itself by not building the entire framework around a signal-based state representation. It maintains components as plain functions with top-to-bottom data flow, offloading the complexity of reactivity to the compiler rather than requiring developers to adopt a new state management paradigm.

Octane supports standard React features like memo, context, portals, transitions, actions, controlled forms, and Suspense. It also provides 53 first-party bindings for common libraries, ensuring broad ecosystem compatibility.