brunolemos/react-native-web-monorepo


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

Language: Objective-C

Keywords: boilerplate, create-react-app, monorepo, react, react-native, react-native-web, tutorial, typescript


React Native [Web] + Monorepo

100% code sharing between Web, iOS and Android

This is the source code from this tutorial.

article-cover

How to run

Requirements: React Native

  • $ git clone git@github.com: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.

DevHub Desktop

DevHub Menubar

DevHub Mobile - Notifications DevHub Mobile - Notification Filters DevHub Mobile - Events


Project Statistics

Sourcerank 5
Repository Size 2.14 MB
Stars 296
Forks 52
Watchers 14
Open issues 7
Dependencies 0
Contributors 1
Tags 0
Created
Last updated
Last pushed

Top Contributors See all

Bruno Lemos

Something wrong with this page? Make a suggestion

Login to resync this repository