Storybook topics
12 short topics in UI UX and Design Systems. Each one is a single focused exercise with a clear piece of evidence at the end.
12 topics, one exercise each.
Work through them in order, or jump to the one you need.
These are draft topic outlines (draft; instructor review pending). Full lessons follow after review; ask Ajay if you need a topic sooner.
- 01
Component example organization
Demonstrate component example organization in a focused Storybook example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 02
Story inputs and variants
Demonstrate story inputs and variants in a focused Storybook example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 03
Stateful interaction demonstrations
Demonstrate stateful interaction demonstrations in a focused Storybook example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 04
Theme and decorator composition
Demonstrate theme and decorator composition in a focused Storybook example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 05
Accessibility inspection
Demonstrate accessibility inspection in a focused Storybook example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 06
Visual regression baselines
Demonstrate visual regression baselines in a focused Storybook example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 07
Interaction checks
Demonstrate interaction checks in a focused Storybook example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 08
Mocked component data
Demonstrate mocked component data in a focused Storybook example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 09
Reusable documentation pages
Demonstrate reusable documentation pages in a focused Storybook example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 10
Design-system publication
Demonstrate design-system publication in a focused Storybook example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 11
Framework adapter boundaries
Demonstrate framework adapter boundaries in a focused Storybook example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 12
Documentation deployment and updates
Demonstrate documentation deployment and updates in a focused Storybook example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course →
More in CSS UI and design systems.
You have the curiosity.
Let’s turn it into capability.
Start with a practical workshop or bring a specific question to Ajay.