More Premium Hugo Themes Premium React Themes

React Native Universal Monorepo

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

React Native Universal Monorepo

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

Author Avatar Theme by mmazzarolo
Github Stars Github Stars: 1733
Last Commit Last Commit: May 29, 2022 -
First Commit Created: Dec 18, 2023 -
React Native Universal Monorepo screenshot

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.