Storybook React: A Tutorial to Building UI Components More Easily Online Training

Focused View

Shaun Wassell

2:20:19

101 View

1. Introduction.mp4

00:56

2. Introduction to Storybook.mp4

06:18

3. Installing and Running Storybook.mp4

06:35

4. The Component Story Format.mp4

14:51

5. Designing Basic Components in Storybook.mp4

09:31

6. Working with Storybook Controls.mp4

19:52

7. Introduction.mp4

00:46

8. Displaying Component Variants.mp4

07:16

9. Implementing a Molecule Component.mp4

05:10

10. Handling Actions in Stories.mp4

15:24

11. Perfecting Molecule Components.mp4

06:59

12. Introduction.mp4

00:52

13. Mocking Pages with the useArgs Hook.mp4

16:16

14. Stories with Multiple Components.mp4

23:25

15. Building a Page Component in Storybook.mp4

06:08

Description

This intermediate Storybook React: A Tutorial to Building UI Components More Easily training prepares software developers to use Storybook, a development environment tool that makes coding UI components in React easier and safer to deploy.

It doesn't matter if you code in React for an app that 100,000 users see every day or for a project that gets a new user a month – the last thing you want to do is fool around with your user interface without knowing if it'll work. Fortunately there's Storybook – a React tool that lets you sandbox your new interface ideas and features, stress-test them and get feedback, and then scrap them or implement them safely.

More details

This course will show you how to use Storybook to extend and enhance your React coding and make your applications even more intuitive and accessible.

After finishing this Storybook React: A Tutorial to Building UI Components More Easily training, you'll know how to use Storybook, a development environment tool that makes coding UI components in React easier and safer to deploy.

For anyone who manages their programming training, this open source training can be used to onboard new software developers, curated into individual or team training plans, or as an open source reference resource.

Storybook React: A Tutorial to Building UI Components More Easily: What You Need to Know

This Storybook React: A Tutorial to Building UI Components More Easily training has videos that cover JavaScript best practices topics including:

Designing basic components in Storybook
Using Component Story Format to display variations of your components
Developing components from scratch with Storybook

Who Should Take Storybook React: A Tutorial to Building UI Components More Easily Training?

This Storybook React: A Tutorial to Building UI Components More Easily training is considered professional-level open source training, which means it was designed for software developers. This programming skills course is designed for software developers with three to five years of experience with JavaScript best practices.

New or aspiring software developers. If you're a brand new software developer, there's no better time to learn a tool like Storybook. Knowing how to code in React is an important skill for developers who want to work on user interfaces or graphical apps. But this course can show you how to use Storybook so that you can experiment, fool around and improve your apps and interfaces without ever showing your mistakes to the wider world.

Experienced software developers. If you've already got a few years of experience as a React developer, you've probably come up with a solution of your own for trying out new interfaces and designs for your apps in a way that doesn't screw up your deployments or break the build. But this course can show you how easy it is to sandbox your React development in Storybook and save your time for trying out changes and updates.

User Reviews

Rating

average 0

Total votes0

Focused display

JavaScript

React

Shaun Wassell

Instructor's Courses

"I love seeing people go from earning peanuts to being able to comfortably take their families on multiple vacations — just because they were willing to learn something 'nerdy!'"

Shaun brings nearly 10 years of software development experience to his training. Prior to joining CBT Nuggets, he was a senior full-stack developer. His interest in technology started as a child because he wanted to create video games and his parents bought him GameMakerStudio. When Shaun isn’t creating training, he enjoys gardening, distance running, investing, and learning foreign languages.

Certifications: None

Areas of expertise: Web development, programming, data science

CBT Nuggets

View courses CBT Nuggets

CBT Nuggets is renowned for providing innovative training that's informative, meaningful, and engaging. We provide a variety of training, primarily in IT, project management, and office productivity topics. Our comprehensive library contains thousands of training videos ranging from Cisco networking to Microsoft Word. Whether you want to pass a certification exam, increase your skills, or simply learn new things, we've got you covered! All of our training is delivered through high-quality online streaming video. Subscribers can train 24 hours a day, seven days a week, from the convenience of a computer or mobile device. CBT Nuggets trainers are the rock stars of training, renowned for their expertise, industry-wide credibility, and engaging personalities. They enable CBT Nuggets to deliver accurate, up-to-date training, using a laid-back whiteboard presentation style. There are no scripts, EVER. Our trainers love to teach, and it shows! CEO and founder Dan Charbonneau was a Microsoft trainer when he began recording CBT Nuggets' very first training videos back in the 1990s. He wanted to help provide large organizations, small teams and individuals with comprehensive and budget-conscious training, and he realized it couldn't be done in a classroom. From the CBT Nuggets World Headquarters in Eugene, Oregon, Dan and his team promise each video will be informative, comprehensive, accurate, and fun to watch.