Using Storybook to Maintain Components in Redwood
summary
Shows Storybook hooked into a React app and into Redwood, with live stories, args/controls for props, and the one-command Storybook setup that scaffolds stories and config. Demonstrates using Storybook to develop components in isolation, document props, and run accessibility add-ons — Redwood ships Storybook and can generate GraphQL types, resolvers and CRUD from a schema with one codegen command. A real deploy check caught a validation bug by testing a form story in isolation, and the demo instances render and interact as expected.
AI-written summary · about
chapters (12)
- 0:00Intro
- 0:55The Problem
- 8:40Adding Storybook
- 10:35Storybook Overview
- 12:25Button Components
- 15:15Button Controls
- 18:45Storybook Components
- 20:25Dark Mode Button
- 22:05Discussion
- 26:15Introduction to Redwood
- 27:15Redwood Walkthrough
- 33:15Wrap Up
related talks
30mUsing Storybook to Maintain Components and RedwoodJS
07mReact components, atomic design and storybook
31mA Beginner’s Guide To Storybook
46mRock Solid React for People in a Hurry
20mBuilding Storybook
15mOnce Upon a Time Storybook
14mBuilding a component library with React, Vue, Angular or WebComponents
37mBridging the gap between UX and development – A Storybook