Skip to content
/ One Public template

Monorepo for Web, Native(IOS, Android) based on ReactJS

Notifications You must be signed in to change notification settings

AnnoSuite3/One

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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 [email protected]: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