Coding LiveView

on YouTube ↗48m

" summary

LiveView runs the UI on the server and updates the browser with minimal HTML diffs, claiming server-side rendering without custom JavaScript and showing a live-coded Conway’s Game of Life built as a map keyed by {x,y} tuples for cells. The example implements the neighbor-count rules, a 50×50 random board, and uses mount + handle_info tick for periodic next-generation updates; it compiles, crashes and is debugged live, and notes limits for offline or heavy drag‑and‑drop apps.

AI-written summary · about

" chapters (8)

1. 0:00Introduction
2. 10:00Live and Dead
3. 15:00Grid
4. 20:00Rules
5. 25:00Compile
6. 30:00Route
7. 35:00Life
8. 43:00Questions

" related talks

• 35mKeynote: Fireside Chat on LiveView, (...)Bruce Tate, Sophie deBenedetto · Code BEAM V Europe 2021
• 01h 13mKeynote: Phoenix LiveView - Interactive Apps without JavascriptChris McCord · ElixirConf EU 2019
• 44mWhat's new in LiveViewChris McCord · ElixirConf EU Virtual 2020 (June)
• 24mLiveView and Web ComponentsChris Nelson · Code BEAM America 2025
• 46mThe joy of building your startup with Phoenix LiveViewAswin Mohan · ElixirConf EU 2022
• 40mLive code a game on the browser with Opal and Vue.jsElia Schito · rubyday 2019
• 55mLiveViewJS is the anti-SPA library for reactive app development in NodeJS and DenoDonnie Flood · Strange Loop 2022
• 39mBeyond Liveview: Real Time Features With LiveviewSophie deBenedetto · The Big Elixir 2019