Aws Mobile Appsync Events Starter React Native

screenshot of Aws Mobile Appsync Events Starter React Native
react
react-native

Aws Mobile Appsync Events Starter React Native

GraphQL starter application with Realtime and Offline functionality using AWS AppSync

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.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

react-native
React Native

React Native is a framework for building mobile applications using React and JavaScript. It enables developers to write once and deploy to multiple platforms, including iOS, Android, and the web, while providing a native app-like experience to users.

graphql
Graphql

A website that uses GraphQL as a query language to manage data fetching and state management. This includes features such as a strongly typed schema, client-side caching, and declarative data fetching to streamline data management and optimize website performance.