# Storybook क्या है? — Storybook

Source: https://www.geekswithgeeks.com/hi/storybook/sb-intro

> Storybook के उद्देश्य को समझें: UI components को isolation में build और test करें।

## मुख्य विचार

**Storybook** एक open-source tool है जो आपको UI components को मुख्य application से अलग isolation में develop और test करने देता है। यह एक sandbox प्रदान करता है जहाँ आप पूरे app के बिना component के विभिन्न states और interactions को show कर सकते हैं।

## Storybook क्यों use करें?

Storybook isolation में components को test करने की समस्या को हल करता है। App को navigate करके हर state को test करने की बजाय, आप stories लिखते हैं जो component के behavior को showcase करते हैं। यह development को तेज़ करता है, documentation को बेहतर बनाता है, और UI bugs को जल्दी पकड़ता है।

## Storybook install करें

Storybook CLI का use करके existing React project में एक नया Storybook instance scaffold करें।

```bash
# For an existing React project
npx storybook@latest init

# This installs Storybook and creates an examples directory with sample stories
```

Output:

```
Storybook 7.x installed successfully
```