Component Driven ClojureScript with Storybook
summary
Shows that Storybook runs with ClojureScript using Reagent components compiled by shadow-cljs and served through Storybook’s webpack dev server, requiring wrappers like reagent/as-element and reactify-component to bridge React, and converting Storybook’s args/controls JS objects into ClojureScript maps. Demonstrates actions for event logging, addons.docs with a custom docs page, and practical fixes: extracts avatar/button subcomponents, discovers a bad UX (button hides on blur), removes the code, and confirms the isolated stories and live reloading work end to end.
AI-written summary · about
chapters (11)
- 0:00Introduction
- 0:38Component Driven
- 1:23Storybook
- 1:49Storybook UI
- 3:00Storybook Documentation
- 4:34Creating a Component
- 6:21Arguments
- 10:52Documentation
- 13:05Custom Documentation
- 15:27Storybook Usage
- 22:15Outro
related talks
24mReact-Storybook"Design, Develop, Document and Debug your React UI components"
30mUsing Storybook to Maintain Components and RedwoodJS
14mBuilding a component library with React, Vue, Angular or WebComponents
13mElevating the DX of using Storybook for Svelte
24mBuild React Apps Fast Using Storybook, DDD, and Atomic Design
27mThe story of storybook
38mThinking in Stories: Component-First
50mClojureScript - It's not just the language