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.

Build a basic sub-component in React

Build a basic sub-component in React

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

Build a basic sub-component in React

“

It's time to start designing this counter component and react with Storybook so back in our text editor if we were developing a counter component We wouldn't be thinking about stories. We just start developing the counter straight up I mean what I would have done is I develop the counter and then if there's this whole issue about reusing the button elsewhere in The application then I work on the button Maybe I'd extract the button afterwards since this is a storybook and we've already thought about the different stories and then and ways that We could build this feature We don't have to start with the counter and then extract the button. I Would argue that you can just start with the smaller bottom level Leafs of the tree of the component tree So we could start with the button counter. What's at the bottom here the button counter so I would start with this So this is going to incorporate this anyway. So this seems like the smallest leaf that we can start building with. And then we can…

Contents