Functional Client-Side ClojureScript UI Programming with Webfui

on YouTube ↗40m

" summary

Webfui claims a functional client-side model that synchronizes a Clojure atom with the DOM by rendering hiccup EDN, diffing the old and new trees and applying minimal DOM patches; it adds state patches for localized diffs to make watchers purely functional and introduces mouse-as-gesture watches and plugins for scroll/active state. Demos include a 92-line calculator and 40 calculators (2,000+ DOM nodes) where keypress handling measures ~250 ms per press (goal ~50 ms). AJAX is handled as state “corruption” with containment and curing via imperative watchers.

AI-written summary · about

" chapters (11)

1. 0:00Start
2. 1:21Definitions
3. 2:46Goals
4. 4:27Main Parts of Webfui
5. 5:08Server-side HTML
6. 8:40Capturing User Interaction
7. 13:45Making webfui.dom Pleasant to Use
8. 16:12webfui.state-patches
9. 30:46Demo- Performance
10. 32:24AJAX With Webfui
11. 34:41Server Communication is a Virus!

" related talks

• 32mElectric Clojure Differential Dataflow for UI (KEYNOTE)Dustin Getz · LambdaConf 2025
• 38mThe challenges and benefits of a functional reactive frontendIan Davis · Strange Loop 2014
• 28mElectric Clojure: Differential Dataflow for UIDustin Getz · reClojure 2025
• 32mUI, Pure and SimpleChristian Johansen · reClojure 2025
• 35mClojureScript & User Interfaces: Simplicity yields PossibilitiesJelle Akkerman · :clojureD 2015
• 35mDeclarative UIs in a functional languageDamian Soriano · Lambda World 2025
• 49mClojureScript: Fun and productive web development with next level toolingChristian Johansen · NDC Oslo 2021
• 39mWeb Apps in Clojure and ClojureScript with PedestalBrenton Ashworth · Strange Loop 2013