sendyputra / react-native-web-monorepo

Code sharing between iOS, Android & Web using monorepo

Home Page:https://dev.to/brunolemos/tutorial-100-code-sharing-between-ios-android--web-using-react-native-web-andmonorepo-4pej

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React Native [Web] + Monorepo

100% code sharing between Web, iOS and Android

This is the source code from this tutorial.

Tech Stack: React Native 0.63, Next.js v10 & Create React App v4

article-cover

How to run

  • $ git clone git@github.com:brunolemos/react-native-web-monorepo.git
  • $ cd react-native-web-monorepo
  • $ yarn
  • $ cd packages/mobile/ios
  • $ pod install
  • $ cd -
  • Web
    • [CRA] $ yarn workspace web-cra start
    • [Next.js] $ yarn workspace web-nextjs dev
  • Mobile
    • $ yarn workspace mobile start
    • [iOS] Via Xcode
      • yarn xcode (open the project on Xcode)
      • Press the Run button
    • [Android] Via Android Studio
      • yarn studio (open the project on Android Studio)
      • Press the Run button
    • Via CLI
      • You may need to launch your device emulator before the next command
      • $ yarn android or $ yarn ios

Who is using this on production

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

Author

Follow me on Twitter: @brunolemos

About

Code sharing between iOS, Android & Web using monorepo

https://dev.to/brunolemos/tutorial-100-code-sharing-between-ios-android--web-using-react-native-web-andmonorepo-4pej


Languages

Language:Java 27.3%Language:TypeScript 27.0%Language:Objective-C 19.5%Language:JavaScript 11.9%Language:HTML 7.3%Language:Ruby 3.5%Language:Starlark 2.6%Language:CSS 0.7%Language:Shell 0.2%