setup-react-native-storybook

Set up Storybook for React Native in Expo, React Native CLI, or Re.Pack projects. Use when adding Storybook to a project, configuring metro.config.js with withStorybook, creating .rnstorybook configuration files, setting up Storybook routes in Expo Router, configuring getStorybookUI, or adding the StorybookPlugin to a Re.Pack rspack/webpack config. Covers Expo, Expo Router, plain React Native CLI, and Re.Pack setups.

1. Zidentyfikuj typ swojego projektu: sprawdź czy używasz Expo z Expo Router (plik _layout.tsx w katalogu app/), Expo bez routera, React Native CLI, czy Re.Pack (obecność rspack.config lub webpack.config).

2. Sprawdź menedżer pakietów projektu — poszukaj pliku yarn.lock, pnpm-lock.yaml lub bun.lockb i używaj odpowiedniej komendy (yarn, pnpm lub bun) zamiast npm we wszystkich instrukcjach.

3. Uruchom inicjalizację Storybook poleceniem <pmu003e create storybook z odpowiednimi flagami dla Twojego typu projektu (tylko npm wymaga -- przed flagami, nie używaj npx ani bunx).

4. Dla projektów Expo zainstaluj zależności komendą npx expo install (lub bunx expo install itp.), aby Expo mogło rozwiązać kompatybilne wersje pakietów.

5. Skonfiguruj metro.config.js z withStorybook i utwórz pliki .rnstorybook zgodnie z instrukcjami dla Twojego typu projektu (Expo Router wymaga ustawienia tras, Re.Pack wymaga dodania StorybookPlugin do konfiguracji).

6. Uruchom Storybook komendą <pmu003e storybook (z użyciem menedżera pakietów z kroku 2) i sprawdź, czy komponenty ładują się prawidłowo.