Keynote: Phoenix LiveView - Interactive Apps without Javascript
summary
Claim: build interactive, real-time apps without writing custom JavaScript by running stateful views on the BEAM and patching the DOM efficiently. Uses Phoenix LiveView over Phoenix channels (WebSocket with long-poll fallback), compiles templates with LiveEEx change-tracking, and morphs DOM via morphdom. Demonstrations include a web Observer, multiplayer games (2D scroller, Flappy-style, blackjack), a 37-line autocomplete, tiny update payloads (bytes not kilobytes), and production usage with millions of connections; it works.
AI-written summary · about
chapters (21)
- 0:00Intro
- 6:49Single Page Apps
- 8:22Complex Web Development
- 12:05Selfproclaimed Newbies
- 13:26Life Cycle
- 15:59Stateful Process
- 17:41Programming Model
- 20:01Thermostat
- 27:03SuperMount
- 27:59Server Update
- 29:31Client Update
- 31:09Demo
- 36:05Autocomplete
- 38:32Optimal payload
- 40:54Elixir for UI
- 47:45First Class Testing
- 48:08Why Be Tests
- 50:34In Production
- 52:58Use Cases
- 55:24Latency
- 56:46Whats next
related talks
35mKeynote: Fireside Chat on LiveView, (...)
46mThe joy of building your startup with Phoenix LiveView
40mThe Power & Performance of Phoenix LiveView
24mLiveView and Web Components
39mBeyond Liveview: Real Time Features With Liveview
44mWhat's new in LiveView
30mTales of Using Phoenix LiveView at an Early Stage Startup
26mExploring State Management in Phoenix LiveView