Shipping a Production Web App in Elm

on YouTube ↗44m

" summary

A 2011 CoffeeScript web app Dreamwriter is scratch‑rewritten in Elm to edit 100,000-word novels and the claim is concrete: rendering and interaction become more than twice as fast than React in published benchmarks, caching via lazy fixes keystroke lag, ports let Elm talk to lunar.gg for offline full‑text search, and the codebase shows no runtime exceptions thanks to static type inference, pervasive immutability, FRP signals and a time‑traveling debugger.

AI-written summary · about

" chapters (19)

1. 0:00Start
2. 5:58Difference between Simple and Complex
3. 10:55React
4. 18:04Javascript Interop and Pure Script
5. 20:51J / S Interrupt
6. 22:21The Time-Travelling Debugger
7. 22:35Code Editor
8. 25:29Elm Code
9. 26:17Function Calls
10. 27:50Set Up Event Handlers in Javascript
11. 28:53Input Event
12. 31:05Action Signal
13. 33:22Stateless Functions
14. 35:42Performance
15. 38:21Push To Improve the Quality of Error Messages
16. 39:15Refactoring
17. 40:43Semantic Versioning
18. 41:14Diff Tool
19. 41:39Runtime Exceptions

" related talks

• 41mWriting Reliable Web Apps With ElmErik Wendel · Codemotion Milan 2017
• 31mMake the Back-End Team Jealous: Elm in ProductionRichard Feldman · Strange Loop 2015
• 47mElm or how I learned to love front end developmentMarco Perone · Codemotion Rome 2016
• 54mBeyond JavaScript Frameworks: Writing Reliable Web Apps With ElmErik Wendel · NDC London 2018
• 24mElm — new language, new youVictor Rusakovich · CSS-Minsk-JS 2018
• 56mSimplifying Web App Development With Elm and Functional ProgrammingIngar Almklov · NDC London 2018
• 50mBeyond JavaScript Frameworks: Writing Reliable Web Apps With ElmErik Wendel · NDC Oslo 2017
• 01h 28mFunctional Programming for the Web with ElmAustin Bingham · ACCU 2017