never00miss / react-native-web-monorepo

Code sharing between iOS, Android & Web using monorepo

React Native [Web] + Monorepo

100% code sharing between Web, iOS and Android

This is the source code from this tutorial.

How to run

Requirements: React Native

• $ git clone [e-mail]:brunolemos/react-native-web-monorepo.git
• $ cd react-native-web-monorepo
• $ yarn
• $ yarn workspace web start
• $ yarn workspace mobile start
• Run the project
  • [iOS] Via Xcode
    • open packages/mobile/ios/myprojectname.xcodeproj (open the project on Xcode)
    • Press the Run button
  • [Android] Via Android Studio
    • studio ./packages/mobile/android/ (open the project on Android Studio)
    • Press the Run button
  • Via CLI
    • Open a new terminal tab
    • $ cd packages/mobile
    • $ npm un -g react-native-cli
    • $ npm i -g @react-native-community/cli
    • You may need to launch your device emulator before the next command
    • $ react-native run-ios or react-native run-android

Author

Follow me on Twitter: @brunolemos

Who is using this on production

Check out DevHub. The main difference is that it supports Desktop (Electron) in addition to Web, iOS and Android.