MVP-ReactNativeStorybook

React Native Storybook Minimum Viable Product(MVP, 最小可行產品) Testing。

This repository records my integrating react-native-storybook process.

1. Create React Native Project
2. Install React Native Storybook
3. Run Storybook
4. Issue
5. Optimize Storybook

Create React Native Project

First, you need a React Native Project. If you have, please skip the step.
首先需要一個 React Native 專案。如果已經有現有專案，可以略過此步驟。

CreateReactNativeProject.md

Install React Native Storybook

Next step is refer to ReactNativeStorybook manual setup.
接下來的流程是參考自 ReactNativeStorybook 手動安裝文件。

InstallReactNativeStorybook.md

Run Storybook

Use element In App.tsx

import {StorybookUIRoot} from './.storybook/Storybook';

function App(): JSX.Element {
  return <StorybookUIRoot />;
}

Execute command to update Sotrybook

yarn sb-rn-get-stories

Check Storybook on the phone

Issue

1. How can I do when I see the error 'Error loading story index'?
   Need reset cache.

yarn start -- --reset-cache

Optimize Storybook

OptimizeStorybook.md