Write React. Ship the DOM.

Vidact compiles your function components and hooks into direct DOM operations. No Virtual DOM, no re-renders, no React in the bundle.Get started Read the docsEvery example below is ordinary React, compiled by Vidact and running on this page.How it works1CompileThe compiler maps every expression to the values it reads. Code it cannot compile stops the build at its exact line.2Mount onceThe component runs a single time and builds its DOM. There is no render loop and no tree to diff.3Update surgicallyA state write runs only the updaters that read it: a text node, an attribute, a list row.Full-stack, the same wayVidact Start adds file routes, server loaders, SSR, hydration, and client navigation, all generated by the same compiler, so server and browser output match by construction.Explore Vidact Start src/routes/products/$productId.tsximport { defineFileRoute } from '@vidact/start'const loader = async ({ params }) => ({ product: await findProduct(params.productId),})export function ProductRoute({ loaderData }) { return <h1>{loaderData.product.name}</h1>}export const Route = defineFileRoute({ loader, component: ProductRoute,})