Getting Workbook running with React Native

WorkbookReactNative5.md

Use Storybook version 4.1.13 as 5 is not ready for React Native

Tested: 6th March 2019

Install mac homebrew:

Download rom here: https://brew.sh/ `

Setup brew

brew install node
brew install watchman
brew install yarn

install react

npm install -g react-native-cli

Create ReactNative app

react-native init AwesomeProject
cd AwesomeProject

Clear npm packages

rm package-lock.json
rm -rf node_modules/

Setup git

git init
git add -A
git commit -m 'first commit'

Install Babel, Webpack & React

yarn add @babel/core
yarn add babel-runtime
yarn add webpack
yarn add react-dom

Add Storybook

yarn add --dev @storybook/react-native

Initialize Storybook

sb init -f

Be sure to choose v4.1.13 from the list

Fix version Numbers from 5.0.x in package.json

"@storybook/react": "^4.1.13",
"@storybook/addon-actions": "^4.1.13",
"@storybook/addon-links": "^^4.1.13",
"@storybook/addons": "^4.1.13",

Add some optional ReactNative infrastructure

yarn add prop-types redux react-redux react-native-vector-icons

Link resources

react-native link

Install NPM packages

yarn

Launch simulator

react-native run-ios

Replace App.js code

export default from "./storybook";

Launch Storybook

yarn storybook