ITCase Storybook Config

Конфигурация Storybook для проектов на React, Next.js и React Native.

Сторисы находятся в папке stories.

Запуск Storybook

Перед запуском установите зависимости: npm install.

React (Webpack)

npm run storybook-react-webpack
# или через Makefile (с очисткой кэша):
make storybook-react-webpack

React (Vite)

npm run storybook-vite
# или:
make storybook-vite

Next.js

npm run storybook-next-js
# или:
make storybook-next-js

Next.js + Vite

npm run storybook-next-js-vite
# или:
make storybook-next-js-vite

React Native (нативное приложение)

iOS:

npm run storybook-react-native-ios
# или:
make storybook-react-native-ios

Android:

npm run storybook-react-native-android
# или:
make storybook-react-native-android

React Native Web

Storybook в браузере для React Native компонентов:

npm run storybook-react-native-web
# или:
make storybook-react-native-web

Peer dependencies

Декораторы withNextDecoratorFactory и withUiDecorator используют UIProvider и уведомления из пакетов ITCase UI. В проекте-потребителе должны быть установлены:

• @itcase/ui-core — контекст устройства (useUserDeviceContext)
• @itcase/ui-web — NotificationWrapper

Оба пакета резолвятся из node_modules потребителя (не бандлятся в @itcase/storybook-config), чтобы React Context был общим с компонентами приложения.