How I compile React-shaped TSX without React or hydration

I started building Kudzu while making static websites with AI.

AI coding tools have become very good at producing React-shaped TSX, and I have become used to reviewing code in that form. Function components, props, JSX, and event handlers are often easier for me to understand and verify than scattered DOM queries and imperative JavaScript mutations.

But I was still building static pages.

I wanted to keep TSX as the authoring and code-review format without automatically shipping React, a virtual DOM, hydration, or a browser-side component tree.

Kudzu grew from that idea: