Hydroxide Framework

Reactivity

Frameworks like React use a Virtual DOM to track changes. When state updates, the entire component re-renders, a new virtual tree is created, and the framework diffs it against the previous tree to determine what changed.

Hydroxide takes a different approach, it builds a dependency graph at runtime. When state changes, only the specific DOM nodes that depend on that value are updated directly without re-rendering the component.

Compiler

Hydroxide compiler transforms JSX into optimal DOM manipulation code by extracting out static parts to templates and generating code for the most performant way to hydrate the DOM nodes. View Playground to see the compiler output

Exceptional Performance

The combination of reactivity and the compiler results in exceptional runtime performance that beats popular frameworks like Vue, Svelte and React. Hydroxide is the fastest framework in JS-Framework Benchmark - the standard for comparing rendering performance of frameworks