Design Systems with Storybook, v2
Steve Kinney
This Workshop's Online Chatroom is Currently Open!
This workshop has ended. Check back soon for the recording!
You can watch a replay of this workshop!
Key Takeaways
By participating along with us in the workshop, you'll learn:
- Skills in documentation, deployment, and team collaboration
- Deep understanding of Storybook’s new features and capabilities
- Mastery in creating and managing a robust design system
- Techniques for building atomic, responsive, and accessible components
- Best practices in implementing visual regression testing and dark mode
Is This Workshop for Me?
Frontend developers, UI/UX designers, and team leads looking to leverage Storybook for creating and scaling design systems. The workshop is mostly framework-agnostic but uses React for demonstrations.
Workshop Details
This workshop offers a comprehensive guide to building design systems using Storybook. Covering everything from basic setup to advanced features, attendees will learn about atomic design, accessibility, visual regression testing, responsive design, and dark mode implementation. The workshop emphasizes practical, hands-on learning for effective team collaboration and documentation.
Any Prerequisites?
- Basic knowledge of JavaScript and familiarity with React
- Understanding of CSS and styling concepts
Attend Online Live and in Full HD
Join-In Person from Downtown Minneapolis
Apply to Join In-PersonYou're Registered to Attend Online!
You'll receive additional details and a reminder via email as the event draws near.
Design Systems with Storybook, v2
Event Details
What
- One Full Day Workshop Session
- Replay Videos (available immediately)
When
- April 17, 2024 - 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
Daily Schedule
- 9:30AMIntroduction to Design Systems and Storybook
- 10:00AMSetting Up Storybook in Your Project
- 10:30AMUtilizing Design Tokens and Theming in Storybook
- 11:00AMBuilding Atomic Components with Enhanced UI Controls
- 11:30AMManaging Component States and Variants in Storybook
- 12:00PMLunch Break
- 1:00PMAuditing Accessibility in Components
- 1:30PMImplementing Visual Regression Testing
- 2:00PMLeveraging Enhanced Documentation Features
- 2:30PMExploring Advanced Addons and Integrations
- 3:00PMStrategies for Responsive Design and Dark Mode Implementation
- 3:30PMAutomating Deployment and Maintaining the Design System
- 4:00PMCollaborative Techniques and Workflow Improvements
- 4:30PMStrategies for Scaling Your Design System
Your (Awesome) Instructor
Steve Kinney
Steve is the front-end architect at Temporal. Previously, he was the front-end architect at Twilio and SendGrid. He is the director emeritus and founder of the front-end engineering program at the Turing School for Software and Design in Denver, Colorado — a non-profit developer training program. In a previous life, Steve was a New York City public school teacher. He taught special education and web development in Manhattan, Brooklyn, and Queens. He currently lives in Denver, Colorado
Check out all of our upcoming workshops!
Workshops happen throughout the year, and are all included with membership.