Un-dux Your Front-end
summary
Ports Elm's architecture into JavaScript as calcium, pairs it with Ramda for concise updaters, and replaces Redux boilerplate with message classes that transform a single model. Builds devtools that show colored diffs of each change, export a JSON message log, replay flows, and do time travel through state. Claims cross-device mirroring and reproducible user-session playback, enables auto-generated tests from logs with no mocks, and demonstrates the system working end-to-end.
AI-written summary · about
chapters (11)
- 0:00Introduction to concepts
- 1:31Redux and its complexities
- 4:02The Elm inspiration
- 5:28Introduction to Calcium
- 8:02Functional programming tools
- 10:31Handling side effects
- 12:31Optimizing with composition
- 15:26Guarantees and reliability
- 19:35DevTools and time travel
- 23:53Implications for testing
- 29:42Q&A and concluding thoughts
related talks
47mElm or how I learned to love front end development
39mDeveloper Happiness on the Front End with Elm
41mWriting Reliable Web Apps With Elm
31mMake the Back-End Team Jealous: Elm in Production
38mConfident Frontend with Elm
53mA peek in to Elm Architecture
11mReact and Elm Join Forces (⚡️)
50mFrontend in F#? Hold my beer!