Automatic generation of user interfaces with ClojureScript
summary
Demonstrates a ClojureScript pipeline that generates editable HTML forms from a runtime data model into Reagent (React) components, using Reagent and dispatch via multi-methods to map types to input controls. Builds a generator that: reads attribute maps (example: person with first-name, last-name, birthday, deceased), emits a UI model, applies UI enhancements as data (labels, hide, reorder), and binds a reagent atom for live edits. Works for form-heavy, dynamic schemas; breaks down for highly bespoke UIs.
AI-written summary · about
chapters (15)
- 0:00Start
- 6:19Example Data
- 7:15Rendering the fields
- 12:52A model to describe the UI
- 14:28Labels
- 14:58Implementing the Ul controls
- 15:28Text edit
- 17:3618 Again, Rendering the person ui
- 17:49Alternative ui-elements for types
- 19:57Reordering
- 26:27All dynamie now
- 27:29Outlook
- 28:52Conclusion
- 29:12Drawbacks and Advantages
- 30:02Why Reagent?
related talks
38m"Growing Data Center networking mgmt UI using ClojureScript, Reagent and re-frame"
35mClojureScript & User Interfaces: Simplicity yields Possibilities
49mClojureScript: Fun and productive web development with next level tooling
49mClojureScript - Making Front-End development Fun again
34mCreating reactive components using ClojureScript React wrappers
32mUI, Pure and Simple
24mUsing backend languages for frontends: Why ClojureScript is an awesome idea!
42mComposing Interactive Apps With Zelkova