Skip to content

brunolemos/react-native-web-monorepo

Repository files navigation

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.

article-cover

How to run

  • $ git clone [email protected]: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