Elm or how I learned to love front end development
summary
Elm compiles to HTML/JS/CSS and enforces static typing that catches most errors at compile time, producing no runtime exceptions and descriptive compiler messages. The Elm Architecture uses a single model plus pure view and update functions, with time-travel debugger, hot swapping, ports, tasks and mailboxes to call external HTTP APIs. Demo app pulls talks from Joind.in via HTTP tasks and ports, updates state through actions, and the approach proves practical and performant for real front‑end apps.
AI-written summary · about
chapters (12)
- 0:00Introduction to Elm
- 1:53What is Elm?
- 4:30Functional programming
- 7:06Functional reactive programming
- 11:08Signal graphs and maps
- 14:17State management and folds
- 18:36The Elm architecture
- 24:05Actions and update logic
- 27:22Interacting with the world
- 30:31Tasks and effects
- 34:36Summary and resources
- 36:48Q&A and compiler demo
related talks
39mDeveloper Happiness on the Front End with Elm
54mBeyond JavaScript Frameworks: Writing Reliable Web Apps With Elm
16mElm as an antidote to front-end fatigue
53mAdventures in Elm: Events, Reproducibility, and Kindness
30mElm the Game Changer
31mMake the Back-End Team Jealous: Elm in Production
50mBeyond JavaScript Frameworks: Writing Reliable Web Apps With Elm
26mElm - Frontend with Guarantees