Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/crewdevio/react-native
react + capacitor + konsta UI + shadcn/ui
https://github.com/crewdevio/react-native
android capacitorjs chadcnui ios mobile-development multiplatform-app react-native reactjs tailwind typescript
Last synced: about 1 month ago
JSON representation
react + capacitor + konsta UI + shadcn/ui
- Host: GitHub
- URL: https://github.com/crewdevio/react-native
- Owner: crewdevio
- Created: 2024-03-08T18:34:31.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-10-25T21:53:17.000Z (about 2 months ago)
- Last Synced: 2024-10-29T23:48:07.111Z (about 2 months ago)
- Topics: android, capacitorjs, chadcnui, ios, mobile-development, multiplatform-app, react-native, reactjs, tailwind, typescript
- Language: TypeScript
- Homepage:
- Size: 536 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://nodejs.org/en) >= 20
- [pnpm](https://pnpm.io/) >= 8
for ios development:
- [Xcode](https://developer.apple.com/xcode/)
- [CocoaPods](https://cocoapods.org)
> **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](https://developer.android.com/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:
```console
npx degit crewdevio/react-native my-app
```
install all dependencies:
```console
pnpm install
```
start web project:
```console
pnpm run dev
```
### Open App in ios emulator
compile the frontend first:
```console
pnpm run build
```
then sync the code with ios/android
```console
pnpm run sync
```
run the project in the emulator:
```console
pnpm run start:ios
```
### Open App in android emulator
compile the frontend first:
```console
pnpm run build
```
then sync the code with ios/android
```console
pnpm run sync
```
run the project in the emulator:
```console
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](https://capacitorjs.com/docs/ios/custom-code)
- [Custom Native Android Code](https://capacitorjs.com/docs/android/custom-code)
- [Deploying your Capacitor iOS App to the App Store](https://capacitorjs.com/docs/ios/deploying-to-app-store)
- [Deploying your Capacitor Android App to the Google Play Store](https://capacitorjs.com/docs/android/deploying-to-google-play)
- [Official Plugins](https://capacitorjs.com/docs/plugins)
- [Capacitor iOS API](https://capacitorjs.com/docs/core-apis/ios)
- [Capacitor Android API](https://capacitorjs.com/docs/core-apis/android)
- [Capacitor Web API](https://capacitorjs.com/docs/core-apis/web)