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.

Building out robust components with Storybook

Building out robust components with Storybook

From the course: Building UI Components with Storybook: Master React Components and UI Design with Storybook for Better Efficiency

Start my 1-month free trial Buy for my team

Building out robust components with Storybook

“

I hope you're starting to see and appreciate how to use Storybook to build components with these simple examples that we're starting off with, right? Just this task list, right? Having the default and the list items. Okay, maybe the tasks themselves when they were pinned or archived was very simplistic. But now seeing that we get different states like loading with pin tasks when it's empty, visualizing how these can look based on the changes of the state. Well, it's getting more complex and this is more interesting. It's more interesting. So let's continue to build on that complexity. Let's go into our task list.jsx, grab some wonderful coffee that gets you going, that gets you going through the good times and the bad, and let's get going and let's do this. So we've got our export default function task list. Right now, our loading is pretty basic. It's just saying loading, well, I'll just show the text loading. Okay, and if it's empty, show the text empty. Okay, I think we can do…

Contents