From the course: Building UI Components with Storybook: Master React Components and UI Design with Storybook for Better Efficiency
Unlock this course with a free trial
Join today to access over 25,200 courses taught by industry experts.
How to build a component with Storybook: CDD methodology
From the course: Building UI Components with Storybook: Master React Components and UI Design with Storybook for Better Efficiency
How to build a component with Storybook: CDD methodology
React development is all about CCD or component-driven development, right? We're building pieces of components. So whether you come from a strong foundation of React and you understand, well, okay, usually we're going to isolate out our components, we're going to have our pages that are then going to contain the components, or you come from other libraries that have different methodologies like Angular. It's important to understand that when you're building out in Storybook, You want to test out your components and working with React and Storybook together, it really creates the seamless process of the CDD methodology together. So again, the methodology behind building components in isolation is a process that's going to be building our UI, right? So you should have your local host up and running, by the way, for React and also your local host for Storybook. but a process of building the UI from the bottom up. Okay, starting with components and ending with pages or screens. So the…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
(Locked)
How to set up Storybook with React6m 51s
-
(Locked)
How to build a component with Storybook: CDD methodology15m 36s
-
(Locked)
Configurations for Storybook and Storybook local server7m 9s
-
(Locked)
PropTypes and CSS formatting with Storybook and React15m 31s
-
(Locked)
Using WCAG accessibility to catch errors in Storybook addon7m 25s
-
(Locked)
Building a composite component in React for Storybook7m 5s
-
(Locked)
Building out robust components with Storybook16m 24s
-
(Locked)
-
-
-