What's new in LiveView
summary
LiveView now ships concrete features: DOM-query test helpers that parse HTML with Floki so tests assert elements and simulate clicks without headless browsers; co‑located templates and generators that scaffold LiveView CRUD UIs; phx-track-static digest check that sends client asset hashes so apps can detect stale CSS/JS after cold deploys; a trigger_action flow to let LiveView prevalidate then submit to controllers for cookie/session writes; CSS loading states with unique refs to avoid race races; deep change tracking and component static deduplication to drastically cut payloads.
AI-written summary · about
chapters (19)
- 0:00Introduction
- 7:29Colocated Templates
- 9:19LiveView Generators
- 10:16Static Asset Tracking
- 14:56Form Trigger Actions
- 16:56User Feedback
- 18:56UI Updates
- 20:36CSS Loading States
- 21:38Latency Simulator
- 23:24Live Title Tag
- 24:40Live Title Bar
- 26:34Component Target
- 27:27Live Actions
- 30:01Rerender Template
- 30:45Proper Web Experience
- 32:01Optimizations
- 32:24Deep Change Tracking
- 33:57Component Mapping
- 41:02Conclusion
related talks
24mLiveView and Web Components
35mKeynote: Fireside Chat on LiveView, (...)
40mThe Power & Performance of Phoenix LiveView
01h 13mKeynote: Phoenix LiveView - Interactive Apps without Javascript
55mLiveViewJS is the anti-SPA library for reactive app development in NodeJS and Deno
19mUpdate from the Phoenix Team
48mCoding LiveView
48mImproving your phoenix liveview experience with surface