Gert Hengeveld

Storybook.js Masterclass

1 Day
Online or on-site

In this one-day workshop, Storybook team member Gert Hengeveld explains how to get started with Storybook, build up your component library, and use add-ons to enhance your workflow.

In this one-day workshop, Storybook team member Gert Hengeveld explains how to get started with Storybook, build up your component library, and use add-ons to enhance your workflow.

Our partners

Description

Storybook is the industry standard for building and organizing component libraries. It's used by companies like Airbnb, Microsoft, Slack, Spotify, and Twitter. It organizes UI components and their states to structure development, testing, and documentation. Now, teams are embracing the component-driven approach, where everything from atomic components to full-blown pages is built using Storybook.

In this one-day workshop, Storybook team member Gert Hengeveld explains how to get started with Storybook, build up your component library, and use add-ons to enhance your workflow. You'll embrace the component-driven development mindset to streamline front-end development. You'll experience how visual regression testing detects mistakes as you make changes to individual components, so you can deploy with confidence. Finally, you'll learn how to collaborate on UI development with designers, product managers, and QA engineers.

Duration: 1 Day


Required skills

  • Experience writing modern JavaScript code (ES modules, arrow functions, destructuring)
  • Experience building UI components in one of the major UI libraries (React, Vue, Angular, etc.)
  • Some experience using Node.js and npm on the command line


Table of contents

  • Setting up Storybook
  • Writing stories and working with mock data
  • Component Driven Development
  • Enhancing the workflow with Addons
  • Documenting your component library with Storybook Docs
  • Automated testing of UI components
  • Collaborating on UI development with your team

Gert Hengeveld

Gert Hengeveld

https://nl.linkedin.com/in/gerthengeveld
Principal Software Engineer at Chromatic

About the trainer

Gert is a Principal Full Stack Software Engineer and Developer Advocate. He is passionate about web development and cares about open source currently shaping the future of UI engineering with Storybook (open source) and Chromatic (US-based startup).

Save up to 40%

Hackages is recognized by the KMO Portefeuille of the Flemish Government. Flemish Small and medium enterprises can recover up to 40% of training costs directly if they book training from Hackages.

Interested? Sign up!

We provide this training for groups with a of minimum of 6 people. There are two options:

Sign up with your team (6 people minimum).

Sign up individually and get notified when a group is complete and we can plan a date.

Register and mention if you want to sign up with a team or as an individual. We will get in touch with you soon after.

Sign up here!

Thank you for your request!

You will be contacted by our team as soon as possible.
Oops! Something went wrong while submitting the form.

Questions?

Kate
Contact us for any questions regarding the trainings. Our team is always available to assist you.

Trainings you might like as well

Hackages is an educational platform with the mission of improving developers and businesses' skills and helping them acquire new ones.