Incremental rewrites with React, HTMX, and TanStack Start
summary
Claims that incremental rewrites work without a full rewrite: use React islands to drop isolated apps into pages that share a shared query cache, use HTMX to add interactivity with almost no JavaScript and keep server HTML, and use TanStack Start to server‑render the same components, hydrate them client‑side, and even return a PNG via a Puppeteer screenshot. Demo: a DNA visualization parses hundreds of thousands of points, server‑renders, hydrates, and the image export actually works.
AI-written summary · about
chapters (8)
- 0:00Introduction
- 1:05Why rewrites are inevitable
- 2:27Component-based architecture value
- 3:11React islands in static HTML
- 8:34Legacy HTML with HTMX
- 14:16Unified TanStack Start components
- 20:41TanStack Start cache sharing
- 23:06Closing
