Resources to get started with Chromatic & Storybook

Onboarding resources

• Intro to Chromatic video

• In-app tour for new Storybook users 

• Recommended workflow (UI Tests vs. UI Review)

• Chromatic docs

• Chromatic/Storybook Youtube page

• Upcoming Storybook sessions (scroll down to the end of the page)

New Updates

• Chromatic May Changelog

• Storybook 8.0 is here!

• E2E visual tests in Chromatic

• Visual tests addon

• Introducing Story Modes (video on Story modes)

Main features of Chromatic - Resources

• Recommended workflow (UI Tests vs. UI Review)

• TurboSnap and TurboSnap with Vite

• Interaction Testing in Storybook and how it works with Chromatic

  • Check out this example 

• Testing across viewports

• Cross-browser testing

For Designer/Developer Collaboration

• UI Review

• A blog article and intro video for the Figma plug-in for designers

• Figma in Chromatic

• Figma conference talk

• Netflify case study – How Netlify rebranded in just 6 weeks with Chromatic

Storybook Resources

• Storybook Discord invite link

• Storybook 8.0 is here!

• In-app tour for new Storybook users

• Component Encyclopedia - showcase of public storybooks

• Storybook Setup Examples

• Building full pages in Storybook

• Automating accessibility testing in Storybook

  • And an example from a Storybook community member!

• Code coverage with the testrunner

• How to add a Theme switcher in Storybook

• Adding multi theme support to Storybook and Chromatic

  • Storybook Variants addon

• Storybook for React Native

Sharing the value of Chromatic with others

• Key Features - to understand the value of Chromatic in your workflow

• Visual Testing Handbook - to understand the importance of visual testing

• Case studies: Monday.com, ezCater, and The Collective