ts-liveview

Hey, thanks for sharing "JSX Over the Wire"! As the creator of ts-liveview, I’m thrilled to see Dan’s ideas on server-side JSX rendering and minimal client updates—they mesh so well with my work. ts-liveview is a TypeScript framework I built (grab it as a starter project on GitHub[1]) for real-time, server-rendered apps. It uses JSX/TSX to render HTML server-side and, in WebSocket mode, updates the DOM by targeting specific CSS selectors (document.querySelector) over WebSockets or HTTP/2 streaming. This keeps client-side JavaScript light, delivering fast, SEO-friendly pages and reactive UIs, much like Dan’s “JSX over the wire” vision. What’s your take on this server-driven approach? Could it shake up how we build apps compared to heavy client-side frameworks? Curious if you’ve tried ts-liveview yet—it’s been a fun project to dig into thes

There's a TypeScript port that works rather well: https://github.com/beenotung/ts-liveview

ts-liveview: https://github.com/beenotung/ts-liveview A lightweight implementation of the “fullstack liveview” in Typescript. You can do initial contentful rendering and realtime DOM updates from the server over http and websocket with only 6.5K of js minified (22x smaller than react, 2.6x smaller than svelte). It was inspired from the Phoenix Liveview but evolved to adopt TSX with explicit DOM updates with querySelectors (without vdom diff-ing). Unlike most js frameworks, it is a starter template, not a package. So you’re free to modify and extend / trim it to better fit your need.

This site is built with TS LiveView, hosted on a cloud vm without load balancing. Source code available at https://github.com/beenotung/ts-liveview The website is server-side rendered real-time webapp. More details in the "About" session in the site.