UI, Pure and Simple

on YouTube ↗32m

" summary

A small Clojure virtual-DOM called Replicant renders hiccup from immutable app state and diffs only necessary DOM changes; a top-down render loop stores snapshots in a single atom and rerenders on swaps. Event handlers embed data tokens handled by a global dispatcher (set-dispatch) producing explicit action vectors; placeholders fill in input/form values at event time. Tests use a CSS-selector-based lookup on hiccup, transitions use an unmounting map, and composable aliases wrap imperative bits.

AI-written summary · about

" chapters (12)

1. 0:00Conceptual background
2. 1:51Rendering with Replicant
3. 3:53Testing in isolation
4. 5:52State and event handling
5. 8:40Declarative interactivity
6. 10:58Behavioral testing
7. 13:36Animations and transitions
8. 16:44Advanced lifecycle hooks
9. 19:11Abstractions and aliases
10. 22:13Data-driven forms
11. 25:25System integration
12. 31:13Conclusion

" related talks

• 40mFunctional Client-Side ClojureScript UI Programming with WebfuiConrad Barski · Clojure/conj 2012
• 34mFunctional UIs and Unidirectional DataflowMikael Brevik · JSConf Budapest 2015
• 28mPersistent data structures - good for UIDanie Roux · RubyFuza 2014
• 35mClojureScript & User Interfaces: Simplicity yields PossibilitiesJelle Akkerman · :clojureD 2015
• 32mElectric Clojure Differential Dataflow for UI (KEYNOTE)Dustin Getz · LambdaConf 2025
• 41mWeb Programming with HoplonAlan Dipert, Micha Niskin · Clojure/West 2014
• 45mResidential Programming without Mutable StateThomas Getgood · Clojure/north 2019
• 54mClojurescript and Om - Pragmatic functional programming in the Javascript LandVagmi Mudumbai · Functional Conf 2014