0xC0A1

{
  ...
  "resolutions": {
    "react": "~16.11.0",
    "react-dom": "~16.11.0"
  }
}

0xC0A1

export * from "./components/XPButton";

0xC0A1

$ mkdir src/components # Create components folder
$ touch src/components/XPButton.tsx # Create our first component file: XPButton

0xC0A1

$ mkdir docs # Create folder for storybook stories
$ mkdir src # Create folder for component library
$ touch src/index.ts # Create entry point for component library

0xC0A1

$ mkdir .storybook # Create storybook folder
$ touch .storybook/main.js # Create main entry point for storybook

0xC0A1

# Inside of the ui folder, otherwise you'll need to prefix it by yarn workspace @xproduct/ui add ...
$ yarn add react-native-web@~0.11.7
$ yarn add --peer react@~16.11.0\
react-dom@~16.11.0\
react-native@~0.62.2
$ yarn add --dev @storybook/react\
react@~16.11.0\
react-dom@~16.11.0\
react-native@~0.62.2\
@types/react-native@~0.62.2\

0xC0A1

{
  # ...
  "scripts": {
    "dev": "tsc -p tsconfig.build.json --watch",
    "dev:docs": "start-storybook -p 4000",
    "clean": "rm -rf ./dist && rm -rf ./build",
    "build": "tsc -p tsconfig.build.json && build-storybook -c .storybook -o build"
  }
}

0xC0A1

$ yarn init
# Name it @xproduct/ui
# Set the entrypoint (main) to dist/index.js
# Set the version to 0.1.0
# Make it private: true

0xC0A1

$ mkdir libraries/ui && cd libraries/ui

0xC0A1

$ yarn workspace @xproduct/mobile add expo-yarn-wokspaces -D