appgambitstudio / react-native-starter-kit-aws-amplify

React Native Starter Kit with Amazon Amplify AppSync Integration

⚛ React Native Starter Kit AWS Amplify⚛

Introduction   —   Tools   —   Usage

---

👋 Intro

A react native starter kit aws amplify created with latest react native.

This project is created to kick-start your new react native app development with aws amplify. It is using common tools to make your devlopment more easy, all ready to go.

---

🧰 Tools

This project is using following common tools:

• Redux Architecture
  • Redux
  • Redux ToolKit

• Routing and navigation
  • React Navigation v6

• Data Caching / Offline
  • Redux Persist

• Logger

  • Redux Logger

• AWS Amplify

  • AWS Amplify

---

🚀 Getting Started

• Add eslint, prettier and editor config plugins into your IDE
• Your machine must have React Native dependencies installed

Add AWS config

1. create aws-exports.js in src/awsConfig directory
2. export awsConfig
    export const config = {
        aws_cognito_region: 'xxx',
        aws_user_pools_id: 'xxx',
        aws_user_pools_web_client_id: 'xxx',
        aws_mandatory_sign_in: 'disable',
        aws_appsync_graphqlEndpoint: 'xxx',
        aws_appsync_region: 'xxx',
        aws_appsync_authenticationType: 'AMAZON_COGNITO_USER_POOLS',
        aws_appsync_apiKey: 'xxx',
    };

Install dependencies

yarn && npx pod-install ios

Android

npx react-native run-android

iOS

npx react-native run-ios

Or

Open project.xcworkspace file from ios folder and build from xcode