The SAM Pattern: a distributed system view of Front-End architectures
summary
Proposes the State-Action-Model pattern as a mutation-first, unidirectional alternative to FRP, grounded in Paxos/TLA+ roles so state changes go through proposer/acceptor/learner phases instead of ad hoc mutations. Provides Node.js CRUD samples and a running server that demonstrates server-side TimeTravel, step-based cancellation of slow actions, and full isomorphism (move actions or model between client and server). Emphasizes single state tree, clear step semantics, and that the example code and demos run and reproduce the claims.
AI-written summary · about
chapters (10)
- 0:00Introduction to Web UI
- 1:21Issues with Traditional Code
- 3:46Front-End Architecture Mess
- 6:52Functional Reactive Programming
- 9:45Framework Overview
- 15:38The Sam Pattern
- 19:11Sam Pattern Components
- 21:51Pattern Implementation
- 24:15Live Demo and Time Travel
- 27:34Conclusion








