GoKawiilVidact compiler converts React components into direct DOM code at build time
Vidact is a new build-time compiler that analyzes React function components and generates plain JavaScript DOM manipulation code instead of shipping a runtime virtual DOM. Component bodies execute only once at mount, and subsequent setState calls update only the specific text nodes and attributes tied to that state. The project is in beta, supports a documented subset of React 19, and rejects unsupported code patterns during compilation.
GoKawiil's interpretation of the reporting above, not reported fact.
This approach targets the performance overhead associated with React's virtual DOM diffing by shifting work from runtime to compile time, potentially reducing bundle size and improving update speed. It reflects a broader trend of compiler-based UI frameworks, following projects like Svelte, that aim to keep React's component model while eliminating its runtime cost. However, by supporting only a subset of React 19, it forces developers to constrain their coding patterns to gain these benefits.
- Vidact compiles React components into direct DOM operations rather than using a virtual DOM at runtime.
- Component logic runs once at mount, and state updates only touch the specific DOM nodes that depend on that state.
- The tool is in beta and only supports a defined subset of React 19 syntax, rejecting anything outside that scope.
Source: vidact.dev, 2026-09-02
Published there as: “Vidact – a compiler that turns React into direct DOM operations”
Read the original report → The summary and analysis above are GoKawiil's own, written from reporting by the source above. Facts and quotes belong to the original publisher.