Building a Component Library with Storybook
Learn to create a library of components that are easy to use, self documenting, and easily tested.
In this course you'll learn:
- How to setup Storybook in your React Native app
- How to breakdown an interface into a series of easy to build and easy to maintain components
- The benefits of building a comprehensive component library
- A handful of tricks & tips I've found from my own work flow
I've found that using Storybook to define my component's API has helped me create significantly better components. They also tend to work better because I can work on them in isolation.
Save time, build your components with Storybook.
I’m Spencer Carli. I'm a developer, cat dad, and devout pizza lover.
I’ve been using React Native full-time since it was first open sourced by Facebook in 2015. I’ve built multiple apps, reached over 1.1 million developers through my React Native tutorials, taught thousands through my online courses, and trained teams of developers to effectively use React Native.
React Native School
Wait! Do you use React Native often? Maybe you're building a product on it. If so, you're going to be looking things up often - so why not get access to the best React Native resources on the web?
React Native School gives you access to multiple courses (including this one), a weekly tutorial, access to a private Slack community full of other React Native developers to learn from.
Sound interesting? Check it out!
StartConfigure Storybook (4:38)
StartBuild a Button Component (14:26)
StartTip: Automatically Load Storybook Stories (3:57)
StartBreaking UI Into Components (4:58)
StartForm Wrapper Component (9:09)
StartField Wrapper Component (9:45)
StartTextInput Component (8:57)
StartSwitch Component (3:51)
StartPulling it Together: Signup Form (6:19)
StartBonus: Automatic Snapshot Tests (4:31)
StartExercise: Build Your Own Component Library
Get started now!
Don't believe me? Here's what others have to say.
"woot woot, just got an app approved on the app store with my first submission! wouldn't have happened without all the good insights from @spencercarli. thanks man!"
- Rob Carter
"THANK YOU, THANK YOU, THANK YOU. I just built and pushed my first react native app to the App Store. You have NO idea how much time, stress and anxiety you've saved me with this video series. I learned so much from these. New tools, and methods of building for production. I'm not even done yet, I just had to stop and thank you before I continued. YOU. ROCK. simple as that."
- Jonathan Wheat
"Spencer Carli's courses and tutorials have been an immense help to me on my journey to become an Android and iOS mobile app programmer. I've learned not only how to create dynamically functional React Native + Meteor apps, but how to write cleaner, more concise code as well. He has taught me to better utilize the React Native component model--which, along with its cross-platform nature is really its core strength and saves one from redundancy--and to employ Meteor's amazing responsiveness in my apps. All this, and he has always been there with an answer when I've run up against one of those frustrating coding problems as well! I recommend his courses highly."
- Ken Wishart