brunolemos / 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.

Tech Stack: TypeScript v4, React Native v0.63, Next.js v10 & Create React App v4. Prettier and ESLint are also configured as pre-commit hooks.

How to run

• $ git clone [e-mail]:brunolemos/react-native-web-monorepo.git
• $ cd react-native-web-monorepo
• $ yarn
• Web
  • [CRA] $ yarn workspace web-cra start
  • [Next.js] $ yarn workspace web-nextjs dev
• Mobile
  • [iOS]
    • $ cd packages/mobile/ios && pod update && pod install && cd -
    • [CLI]
      • $ yarn ios
    • [Xcode]
      • $ yarn workspace mobile start
      • yarn xcode
      • Press the Run button
  • [Android]
    • [CLI]
      • $ yarn android
    • [Android Studio]
      • $ yarn workspace mobile start
      • yarn studio
      • Press the Run button

Who is using this on production

Check out DevHub, which is the project that inspired this repository.

Author

Follow me on Twitter: @brunolemos