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

New Updates

• Chromatic October changelog

Chromatic features

• 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

• E2E visual tests in Chromatic

• Introducing story modes (video on Story modes)

For Designer/Developer Collaboration

• UI Review

• Recommended workflow (UI Tests vs. 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

• Visual tests addon

• 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

• Front-end testing guide

• Visual testing handbook

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