Skip to content

React Native in Web, iOS, Android with one repo, common components for all.

Notifications You must be signed in to change notification settings

reallynotburner/rn_web_monorepo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Native Web, iOS, Android Monorepo

Monorepos are good for lean development with limited resources. One repo builds your app for iOS and Android, and for web. The code is shared in the Components folder, any changes you make there will be available across all platforms.

Orginal Work is brunolemos's repo on the subject. I needed to rename a lot of the files, and will not be submitting PR's from my project, so I'm starting my own.

How to run

Requirements:

React Native

Yarn

Android Studio

XCode

  • $ git clone [email protected]:reallynotburner/rn_web_monorepo.git
  • $ cd rn_web_monorepo
  • $ yarn

To see your app running in iOS or Android:

  • $ yarn mobile

For iOS open up rn_web_monorepo/packages/mobile/ios/rn_web_monorepo.xcodeworkspace with XCode and hit the Play button.
For Android up open up rn_web_monorepo/packages/mobile/android with Android Studio and hit the play button.

To see you app running in Web

  • $ yarn web

Your web app is served on localhost:3000.

Also consider Ben Awad's Tutorial on Youtube, his focus being React Hooks and Typescript.

See ReNative which has excellent CLI's to build projects across many other platforms, again, with much code reuse.

Also see Expo CLI which has a lot of built-in support for the mono-repo approach, including extremely valuable push notification, and on-air updating for the mobile targets.

About

React Native in Web, iOS, Android with one repo, common components for all.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published