Design Systems with Storybook & React
Join us for an Awesome Workshop on:

Design Systems with Storybook & React

March 12, 2020 - 9:30am to 5:30pm Central Daylight Time

This workshop has already been published as a course!

Design Systems with Storybook & React

Some Key Takeaways!

By participating along with us in the workshop, you'll learn:

  • Foundational knowledge of what a design system is, who's building them, and the benefits and drawbacks
  • Learn foundational design skills like color theory, typography, and spacing to build a design kit in Figma
  • Build accessible, reusable components with React and styled components
  • Add micro-interactions to our component with React Spring
  • Document our component with Storybook
  • Learn tools and resources for scaling your design system

Your (Awesome) Instructor

Emma Bostian

Emma Bostian

Emma Bostian is an American Software Engineer at Spotify in Stockholm, Sweden. She is also an instructor at Egghead.io, co-host of the Ladybug Podcast, and panelist on JSParty.

Spend a Full Day Immersed in Design Systems with Emma Wedekind

Workshop Details

Design systems are a hot topic in the world of development and all of the big companies are building one. But what is a design system and how do you build one? In this workshop we'll dive into the foundational theory of design systems and build pieces of one from start to finish. We'll build a design system by designing, developing, documenting, and deploying several components.

Daily Schedule

We've already held over 300 workshops with thousands of attendees in-person and online. In this time we've discovered ways to schedule the day, so it goes smoothly and efficiently. Regardless if you're in-person or participating with us online you'll have the full ability to replay things you missed, get your questions answered LIVE and interact with the teacher throughout the day.

  • 9:30AM
    Introduction
  • 10:00AM
    Foundation Of Design Systems
  • 10:30AM
    Foundation Of Design
  • 11:00AM
    Designing components with Figma
  • 12:00PM
    Lunch
  • 1:00PM
    Developing re-usable components with React styled components
  • 2:00PM
    Animating components with React Spring
  • 3:00PM
    Documenting components with Storybook
  • 4:00PM
    Tools & resources
  • 4:15PM
    Wrap up
Expand...

Interact with the Instructor - Online & In-Person

Get Your Questions Answered • Code Along with the Class • Classroom Format

Is This Workshop for Me?

Summary

Those with at least one year of experience with basic React and CSS will gain knowledge on the start to finish process of building a design system.

Any Prerequisites?

  • React basics (i.e. Hooks)
  • CSS basics

Event Details

What

One Full Day Workshop Session

Replay Videos (available immediately)

When

March 12, 2020 - 9:30am to 5:30pm Central Daylight Time

Where

Option 1: Attend online on our full HD live stream

Option 2: Attend in-person at HQ in Minneapolis, MN