Clojurescript and Om - Pragmatic functional programming in the Javascript Land
summary
ClojureScript compiled with Google Closure plus Om on top of React yields a UI model that treats the view as a function of immutable state, uses React’s virtual DOM diffing and requestAnimationFrame whole-view render to avoid DOM churn, and relies on atoms/cursors and Om’s build-all/transact primitives to update state. Live-coded example: a todo app with add, toggle and planned inline-edit, unique keys via a GUID generator, and a claim that Om on ClojureScript runs about twice as fast as plain React + JS.
AI-written summary · about
chapters (14)
- 0:00ClojureScript and Om intro
- 2:17React JS and virtual DOM
- 4:23React component updates
- 6:49Immutable data in ClojureScript
- 8:36Om with React and requestAnimationFrame
- 10:53Setting up the development environment
- 13:08Om and ClojureScript atoms
- 17:03To-do app interface
- 24:02Project dependencies
- 25:23DOM events in React
- 31:35Reusable components
- 34:30Keys for DOM updates
- 38:48Toggle to-do items
- 43:30Summary
related talks
27mThe Functional Final Frontier
41mThe ReactJS Landscape
49mClojureScript: Fun and productive web development with next level tooling
27mBuilding functional Front-ends with ClojureScript
36mRelevance of ClojureScript
35mThrough the Looking Glass
35mClojureScript & User Interfaces: Simplicity yields Possibilities
26mImmutability, interactivity & JavaScript