crewdevio / react-native

react + capacitor + konsta UI + shadcn/ui

React Native

This template allows you to create native applications for Android and iOS using react, tailwind, capacitor, konsta UI, shadcn/ui.

Get started

basic requirements for web development:

• nodejs >= 20
• pnpm >= 8

for ios development:

• Xcode
• CocoaPods

Note: iOS 13+ is supported. Xcode 14.1+ is required (see Environment Setup). Capacitor uses WKWebView, not the deprecated UIWebView.

for android development:

• Android Studio

Note: API 22+ (Android 5.1 or later) is supported, which represents over 99% of the Android market. Capacitor requires an Android WebView with Chrome version 60 or later. On Android 5-6, and 10+ Capacitor uses the Android System WebView. On Android 7-9, Google Chrome provides the WebView.

Development

first use template or clone or fork this repo:

npx degit crewdevio/react-native my-app

install all dependencies:

pnpm install

start web project:

pnpm run dev

Open App in ios emulator

compile the frontend first:

pnpm run build

then sync the code with ios/android

pnpm run sync

run the project in the emulator:

pnpm run start:ios

Open App in android emulator

compile the frontend first:

pnpm run build

then sync the code with ios/android

pnpm run sync

run the project in the emulator:

pnpm run start:android

FAQ

• Official Platforms

  iOS 13+ Android 5.1+ (Requires Chrome WebView 60+) Modern Web Browsers like: Chrome, Firefox, Safari, Edge

• Custom Native iOS Code

• Custom Native Android Code

• Deploying your Capacitor iOS App to the App Store

• Deploying your Capacitor Android App to the Google Play Store

• Official Plugins

• Capacitor iOS API

• Capacitor Android API

• Capacitor Web API