0.0.1 ā¢ Published 3 years ago
pura-a-bolo v0.0.1
Storybook Example
You can use Storybook to test and share your component library quickly and easily! This example shows how to use Expo modules with Storybook CLI and Expo CLI.
This is setup as Storybook with Expo, instead of Expo with Storybook. This means that it's a dedicated RN app for Storybook, instead of attaching a Storybook instance to your current app (if you have one). If you have a pre-existing app setup with Expo, you could setup Storybook in the same project. This is setup to be separate, for something like a design system.
Getting Started
yarn
- Install dependenciesyarn web
- Run Storybook
Running on Native Devices
yarn start
- Start Expo in browser (should open a new tab)- Wait for app to bundle. This may take 30+ seconds.
- Use QR code from Expo to open app on testing device (or press
i
to open simulator if available)
š File Structure
Storybook with Expo CLI
āāā stories
ā āāā index.js ā”ļø Native story imports
ā āāā Example.stories.js ā”ļø A Storybook page to render
āāā assets ā”ļø All static assets for your project
āāā App.tsx ā”ļø Entry Point for universal Expo apps
āāā app.config.js ā”ļø Expo config file
āāā babel.config.js ā”ļø Babel config (should be using `babel-preset-expo`)
š Notes
0.0.1
3 years ago