The Power of M
summary
Argues that the client-side “M” must be real models with explicit relationships not just templates and callbacks, and demonstrates by building an in-memory color model plus composable modules: a desaturator, a color syntax (color↔string), RGB sliders and HSL and RGB visualizers, and a live server-backed store wired with server via Rails websockets. Seven UI pieces bind to one color; the demos run live in two synced browser tabs, proving the pieces compose and the idea works.
AI-written summary · about
chapters (23)
- 0:00Introduction
- 1:20What is MVC
- 2:18What is NBC
- 2:49Clientside UI
- 3:24MVC
- 4:03Plato
- 5:14Color
- 7:03Swatches
- 7:28Data Binding
- 9:04Data Flow
- 10:01Desaturation
- 10:41Color Syntax
- 13:05Color Decomposition
- 13:56Color Visualization
- 15:13RGB Visualization
- 17:06HSL
- 18:17HSL Selector
- 20:25HSL Visualizer
- 20:50HSL Space
- 22:52Colorbook
- 23:12Live Demo
- 24:24The Power of Simplicity
- 25:43Philosophers Job
related talks
17mBeyond Components: Designing Generative UI for MCP Apps
47mUnleashing your musical creativity with Magenta.js
38mThe M and C in MVC
43mBeautiful reactive web UIs, Ruby and you
50mJavaScript for Artists
19mJS Magic Supercharging Web Applications w/ Headless CMS and Modern frontend framework
48mClientside templates for reactive UI
41mThe future is modules not frameworks. JS modules Architecture demo.