Functional Reactive Programming in Elm

on YouTube ↗45m

" summary

Explains how Elm implements Functional Reactive Programming with concrete tools: signals, lift and foldp for time-varying values, an FPS source (fps 25) and a simple physics loop. Builds a playable Mario-like demo in about 40 lines, adds gravity, keyboard control and animation, and demonstrates hot swapping that preserves runtime state. Also covers HTML/JS interop, a faster type checker and a debugger that can rewind; the demos run live with occasional live-coding hiccups.

AI-written summary · about

" chapters (12)

1. 0:00Start
2. 2:17Freeform Graphics
3. 3:58Markdown Block
4. 4:52Flow Function
5. 6:16Collage
6. 6:42Free Form Graphics
7. 7:59Free Form Transformations
8. 10:34Functional Reactive Animation
9. 11:18Beginning Functional Reactive Programming
10. 26:00Record Update Syntax
11. 34:21Render Function
12. 42:05Hot Swapping

" related talks

• 51mElm-Friendly Functional Programming For The WebLuke Westby · GOTO Copenhagen 2016
• 50mIntroduction to Reactive ProgrammingThomas Belin · DevFest Nantes 2016
• 01h 28mFunctional Programming for the Web with ElmAustin Bingham · ACCU 2017
• 31mThe Tricks of Game Programming in a Pure Functional LanguageJordy Moos · Øredev 2019
• 31mThe Beauty and Elegance of Functional Reactive AnimationIvan Perez · FARM 2023
• 29mWhat is Functional Reactive Programming?Tikhon Jelvis · Scale By The Bay 2019
• 38mConfident Frontend with ElmJack Franklin · Full Stack Fest 2016
• 56mSimplifying Web App Development With Elm and Functional ProgrammingIngar Almklov · NDC London 2018