LiveViewJS is the anti-SPA library for reactive app development in NodeJS and Deno
summary
The talk demonstrates a working LiveView-style library called LiveViewJS that ports the Phoenix LiveView protocol to NodeJS and Deno, using web sockets to ship user events and server-calculated HTML diffs. It shows live demos (counter, dashboard, search, photo uploads with previews and progress), explains form change sets built on Zod, shows socket JSON diffs and PubSub options (Redis or BroadcastChannel), and claims the approach removes a separate SPA front end while keeping small, efficient updates.
AI-written summary · about
chapters (26)
- 0:00Start
- 0:39Demos
- 0:52What Is Live Vjs
- 2:58Client State Management Challenges
- 6:06Features
- 9:54What Is a Live View
- 16:40Dashboard
- 17:46Anatomy of a Live View
- 20:33Handle Params
- 21:02Examples
- 21:45Tab Demo
- 23:06Server-Side Events
- 25:24Type Annotations
- 28:05User Events and Bindings
- 30:26Key Events
- 33:05Change Sets
- 34:05Schema Validation Library
- 35:49Defining the Schema
- 37:18Render Function
- 40:32File Uploads
- 40:58Demo
- 43:33Constraints
- 44:29Image Preview Example
- 45:31Drag and Drop
- 48:13Real-Time Multiplayer Counter
- 51:41Js Command
