Cette page est affichée en anglais. Une traduction française est en cours.
ScriptsApr 11, 2026·2 min de lecture

Storybook — UI Component Workshop for Building & Testing

Storybook is the industry-standard workshop for building, documenting, and testing UI components in isolation. Supports React, Vue, Svelte, Angular, and more — used by Airbnb, Shopify, GitHub, and thousands of teams.

Script Depot
Script Depot · Community
Introduction

Storybook is the industry-standard UI workshop. Develop components in isolation, document them, and test them — all outside your main app. Trusted by Airbnb, Shopify, GitHub, Microsoft, Atlassian.

What Storybook Does

  • Isolated development — components render without app shell
  • Interactive docs — auto-generated from stories + MDX
  • Visual testing — Chromatic integration for snapshots
  • Accessibility — a11y addon flags WCAG issues
  • Interaction tests — Testing Library inside stories
  • Args/Controls — live-edit props in the UI
  • Multi-framework — React, Vue, Svelte, Angular, Web Components, Solid

Architecture

Storybook runs as a dev server alongside your app. Each *.stories.tsx file exports stories that Storybook auto-discovers. Uses Vite or Webpack under the hood. Addons extend the UI panel (docs, a11y, viewport, theme, etc.).

Self-Hosting

# Build static site
npm run build-storybook
# Outputs storybook-static/

# Deploy anywhere: Netlify, Vercel, S3, GitHub Pages

Key Features

  • Framework-agnostic (10+ frameworks)
  • MDX documentation
  • CSF 3 (Component Story Format)
  • Controls/Actions addons
  • Accessibility (a11y) addon
  • Visual regression via Chromatic
  • Interaction testing
  • Theme switching
  • Responsive viewport testing

Comparison

Tool Scope Isolation Docs
Storybook UI workshop Yes MDX + auto
Ladle Stories only Yes Basic
Histoire Vue-first Yes Good
Docz Docs Partial MDX

FAQ

Q: Does it conflict with unit testing? A: No. Storybook handles visual + interaction testing; Vitest/Jest handle logic unit tests. They compose well (Storybook Test Runner + Playwright).

Q: Slow build speed? A: Migrating to the Storybook 7+ Vite builder gives a huge speedup. Cold start drops from minutes to seconds.

Q: Does it get bundled into production? A: No. Storybook is a devDependency that only runs in development and CI.

Sources & Credits

Discussion

Connectez-vous pour rejoindre la discussion.
Aucun commentaire pour l'instant. Soyez le premier à partager votre avis.

Actifs similaires

Unkey — Open-Source API Key Management Platform

Unkey is an open-source API key management platform that lets developers create, validate, and rate-limit API keys with sub-millisecond verification and usage-based billing support.

Script Depot

Flagsmith — Open-Source Feature Flags and Remote Config

Flagsmith is a self-hosted feature flag and remote configuration service with a web dashboard and SDKs for 18+ languages, enabling teams to manage feature rollouts and A/B tests without redeploying.

Script Depot

OpenStatus — Open-Source Monitoring and Status Page Platform

OpenStatus is an open-source uptime monitoring and status page platform that checks endpoints from multiple regions, tracks latency and availability, and serves beautiful public status pages for your services.

Script Depot
◈Accueil🔍Rechercher👤Moi