reallynotburner / rn_web_monorepo

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

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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


Languages

Language:Objective-C 21.8%Language:TypeScript 18.0%Language:Ruby 15.5%Language:Java 13.8%Language:JavaScript 11.4%Language:Python 10.0%Language:HTML 8.6%Language:CSS 0.8%