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 in React with Storybook: Visual breakdown

How to build a component in React with Storybook: Visual breakdown

Now that we've covered basics of installing Storybook and then running that local host development server, taking a guide with the wizard, and then just going through our main configuration here, which we're going to come back to quite a bit, so if you feel fairly vague about this, that's fine for now. It's just for us to see it. When we start building our own example, the configurations here for our preview are going to become much more concrete and tangible for us to understand. It's just good for us to see what the storybook installation gives us up to this point. Now that we've combed through the preliminaries, let's start developing. Okay, finally, Clarion, finally. So let's go to our app.js. Right now, we're just returning what? We're returning basic React on local 3000 here, starter. You can learn about react you got to click basically we have three components here in an app Page when the app page is the app itself and that we've got this animation of this rotating icon We've…

Contents