Gert Hengeveld

Storybook.js Masterclass

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.
capgemini
RTL
IPM
societe génerale

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

Senior software engineer

Remote or On-site

You can decide whether you prefer a remote or on-site classroom experience. You are welcome to join us live at our office, following COVID-19 guidelines, or join us via Zoom link for a visual encounter.

Customized for your team

Let’s talk! What are the needs and goals for your team? Discuss what you need to get out of the course for a customized workshop experience.

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.

Plan a training now

Contact our Sales team to plan a private training for your team.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

More trainings