Code sharing between iOS, Android & Web using monorepo

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.


How to run

Requirements: React Native

  • $ git clone
  • $ 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


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
Last updated
Last pushed

Top Contributors See all

Bruno Lemos

Something wrong with this page? Make a suggestion

Login to resync this repository