Aws Mobile Appsync Events Starter React Native screenshot

Aws Mobile Appsync Events Starter React Native

Author Avatar Theme by Amazon archives
Updated: 12 Mar 2020
150 Stars

GraphQL starter application with Realtime and Offline functionality using AWS AppSync

Categories

Overview

This product is a Starter React Native application that allows users to use the Sample app in the AWS AppSync console when building their GraphQL API. The app demonstrates GraphQL Mutations, Queries, and Subscriptions using AWS AppSync. It can be used for learning purposes or adapted to meet specific needs.

Features

  • GraphQL Mutations: Users can create new events and create comments on existing events using GraphQL Mutations.
  • GraphQL Queries: Users can get all events with pagination support and get an event by its ID using GraphQL Queries.
  • GraphQL Subscriptions: Real-time updates for comments on an event are made possible through GraphQL Subscriptions.
  • Authorization: The app uses API Key as the authorization mechanism.

Installation

To install and set up the app, follow the steps below:

  1. Navigate to the AWS AppSync console using the URL: console.aws.amazon.com/appsync/home.
  2. Click on “Create API” and select the “Sample Schema” option.
  3. Enter an API name of your choice and click “Create”.
  4. Clone the repo of the app.
  5. Wait until the progress bar at the top completes deploying your resources.
  6. From the integration page of your GraphQL API, click on the name you entered in the left-hand navigation.
  7. On the same page, select “JavaScript” at the bottom to download your aws-exports.js configuration file by clicking the “Download Config” button.
  8. Replace the aws-exports.js file in the root of your app with the file you just downloaded.
  9. Start the application.

Summary

This is a Starter React Native application that allows users to interact with the Sample app in the AWS AppSync console. It demonstrates various features of GraphQL, including Mutations, Queries, and Subscriptions. The app also supports API Key authorization and provides step-by-step instructions for installation and setup.