Adventures in Elm

on YouTube ↗51m

" summary

A hands‑on demo shows Elm compiling to JavaScript, using elm-format, the HTML and Mouse packages and the elm package manager (which enforces semantic versioning), to build a small page that tracks mouse position, switches images and sends button events. The app implements the Elm Architecture (model → view → update), compiles to elm.js, exhibits helpful compiler errors, and runs live — mouse moves and button clicks reliably update the model and UI.

AI-written summary · about

" chapters (12)

1. 0:00Start
2. 1:05Stripe
3. 2:27Functional Programming
4. 5:11Discord
5. 9:39Live Coding
6. 13:33Type Alias
7. 15:18Type Aliases
8. 15:42Union Type Machine
9. 16:14Pattern Matching
10. 21:50Semantic Versioning
11. 26:04Code Generation
12. 33:48Modularity

" related talks

• 30mElm the Game ChangerBastian Krol · RuhrJS 2016
• 47mElm or how I learned to love front end developmentMarco Perone · Codemotion Rome 2016
• 39mDeveloper Happiness on the Front End with ElmKevin Yank · RailsConf 2017
• 51mElm-Friendly Functional Programming For The WebLuke Westby · GOTO Copenhagen 2016
• 47mHighway to ElmJordane Grenat · Devoxx Belgium 2017
• 53mA peek in to Elm ArchitectureJayaram Sankaranarayanan · Functional Conf 2017
• 48mHighway to Elm!Jordane Grenat · DevFest Nantes 2018
• 54mBeyond JavaScript Frameworks: Writing Reliable Web Apps With ElmErik Wendel · NDC London 2018