Most Useful Storybook Addons and Features in Examples | by Artem Diashkin | Mar, 2022

yarn add -D @storybook/addon-links
yarn add @storybook/addon-a11y --dev
yarn add -D storybook-addon-designs
yarn add @storybook/addon-storysource -D


  • Mock Relaxation and GraphQL request proper inside your story.
  • Doc how a element behaves in numerous eventualities.
  • Get a11y, snapshot, and visible checks utilizing different addons at no cost.
yarn add msw msw-storybook-addon -D
npx msw init public/ --save
yarn add @storybook/testing-react -D
  • Loading state;
  • Information efficiently fetched state;
  • Error state;
yarn add -D @storybook/addon-interactions @storybook/jest @storybook/testing-library
yarn add storybook-addon-pseudo-states -D
yarn add storybook-addon-performance --dev
module.exports = 
addons: ['storybook-addon-performance/register'],

More Posts