React Templates & Themes Logo React Templates & Themes
React Native Universal Monorepo screenshot

React Native Universal Monorepo

Author Avatar Theme by Mmazzarolo
Updated: 29 May 2022
1733 Stars

React Native boilerplate supporting multiple platforms: Android, iOS, macOS, Windows, web, browser extensions, Electron.

Github

Categories

React native

Overview:

The React Native Universal Monorepo is an opinionated approach to supporting multiple platforms with React Native using a Yarn Workspaces monorepo. It utilizes Yarn Workspaces and TypeScript to create a modular React Native project, isolating the JavaScript app code from the platform configurations. This allows for the support of various platforms such as Android, iOS, Windows, macOS, Android TV, tvOS, Web, Web Browser Extensions, Electron, and Next.js. The approach promotes gradual React Native updates and allows for different versions of React Native to be used on each platform.

Features:

  • Yarn Workspaces monorepo setup
  • Support for Android (React Native 0.65)
  • Support for iOS (React Native 0.65)
  • Support for Windows (React Native 0.65)
  • Support for macOS (React Native 0.63)
  • Support for Android TV (React Native 0.65)
  • Support for tvOS (React Native 0.65)
  • Support for Web (React Native 0.65)
  • Support for Web Browser Extension (React Native 0.65)
  • Support for Web Electron (React Native 0.65)
  • Support for Web Next.js (React Native 0.65)

Installation:

To get started with the React Native Universal Monorepo, you can either use the provided repository as a boilerplate or create the setup from scratch.

If you choose to use the repository as a boilerplate, follow these steps:

  1. Clone the repository: git@github.com:mmazzarolo/react-native-universal-monorepo.git
  2. Run yarn install to install the dependencies.
  3. Navigate to the repository folder: cd react-native-universal-monorepo
  4. Start working with the monorepo.

If you prefer to create the setup from scratch, refer to the step-by-step tutorial provided in the additional resources section of this documentation.

Summary:

The React Native Universal Monorepo is an approach that utilizes Yarn Workspaces and TypeScript to support multiple platforms with React Native. It provides a modular project structure that isolates the JavaScript app code from the platform configurations, allowing for easy support of various platforms. The approach promotes gradual React Native updates and supports different versions of React Native on each platform. Users can either use the provided repository as a boilerplate or follow the step-by-step tutorial to create the setup from scratch.