Vidact: A Compiler That Turns React into Direct DOM Operations

Vidact – a compiler that turns React into direct DOM operations

Vidact compiles React function components and hooks into direct DOM operations, eliminating the Virtual DOM, re-renders, and React from the bundle. It analyzes expressions at compile time, mounts components once, and surgically updates only the parts that read changed state. Vidact Start extends this with file routes, server loaders, SSR, hydration, and client navigation, ensuring server and browser output match by construction.

A state write runs only the updaters that read it: a text node, an attribute, a list row.
  1. mg1c

    Not sure what this project is for... the only way to statically compile JSX into direct DOM mutations is to either castrate React's dynamic runtime flexibility and closure model, or break its semantics like SolidJS does (in this case worse because the lack of templating/syntax constraints just shifts the burden from the compiler to the developer).

  2. LoganDark

    Please don't use LLMs for landing pages. Regardless of how long you've been developing the project, many people base their first impressions on whether a real person curated the documentation and website. And if you didn't, then they might never even get to evaluating your code at all.

  3. sandeepkd

    Airbnb has this project with the same name as well , https://viaduct.airbnb.tech/, for a second I was confused if that got changed somehow

  4. didgeoridoo

    If I’m understanding this right, you’re aiming at something like Svelte, but with React syntax?

  5. ramon156

    something that i realisr with LLM-generated content is that I just get more confused every sentence. HOW does it work? WHAT does it do?

    When I see technology I want to figure out what it CAN'T do. For example, Rust can do web, but I wouldn't use Rust if I get to choose a simpler language.

More from this day

2026-09-06