lyhv/TodoApp-React-Native

Getting Started

Online Documentation

Usage

Install React Native Cli

• Tutorial

Setup environment in React Native

• Install react-native-config

• Tutorial

Developement

Install package

# Install npm packages
npm install
# Install pod
cd ios
pod install

Build Android

# default debug
npm run android

Build iOS

# default debug
npm run ios

For more environments build, please refer script in package.json

Publishing

Android

1. In root project generate index.android.bundle

   # For debug build
   npx react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

2. Go to android folder

   cd android
   # Debug
   # Generate the .AAB file:
   ./gradlew bundleDevelopmentDebug
   # or Generate the .APK file:
   ./gradlew assembleDevelopmentDebug
   
   # Release
   # Generate the .AAB file:
   ./gradlew bundleDevelopmentRelease
   # or Generate the .APK file:
   ./gradlew assembleDevelopmentRelease

   Output apk, aab files in path: /android/app/build/outputs

3. Reference

   Publishing Android

iOS

1. In root project generate main.jsbundle

   npx react-native bundle --entry-file index.js --platform ios --dev false --bundle-output ios/main.jsbundle --assets-dest ios

2. Publish .iap file publishing

About Project

Document

Techstack

• TypeScript
• React Navigation
• GraphQL (Apollo Client, Hasura)
• Redux
• React Hook

Architecture

Folder structure