An example setup for building/testing/deploying universal components with React
This project uses Lerna to make managing multiple NPM packages easier. Often times you will end up with other packages related to your universal components package and using Lerna makes managing the inter-dependencies easier.
packages: This directory holds the actual NPM packages you want to publish via Lerna (currently only the universal-components package.examples: This directory holds a web and a native example app.
Hoists shared dependencies from any packges in packages directory. Also creates symlinks for inter-dependent packages in packages directory
Publishes new tags and package versions for any packages in packages directory that have changed since last publish
This app was created using create-react-app. And although CRA supports using react-native-web out of the box, we need to eject so that we can update Webpack config to also parse the universal components package (we must also do the same in prod Wepback config).
You can see the universal component being included here.
cd examples/web
yarn install
yarn start
This app was created using create-react-native-app. There were no special setup steps required.
You can see the universal component being included here.
cd examples/native
yarn install
yarn start