Building Offline-first GraphQL Applications with React & AWS AppSync

Nader Dabit

Developer Advocate - AWS Mobile

@dabit3

twitter / github / medium

Developer Velocity

AWS Amplify

AWS AppSync

AWS AppSYnc

AWS AppSync

  • Managed GraphQL Service
  • Choose your own data source
  • Offline-ready Client SDK
  • Enterprise Security

Client & CLI

AWS Amplify

Build Apps Quickly

No server operations

Scales seamlessly

Codeless

No need to manage uptime

Assumes responsibility for providing a defined set of services

Serviceful Service

Instead of a collection of functions calling each other, the best serverless applications are:

  • Thick client code handling all interaction logic
  • Heavy use of managed services (e.g., AppSync, Cognito, @Auth0, @Algolia, @Cloudinary)
  • Small glue functions.

- JoeEmison (@joeemison)

The key benefit of serverless is not "no servers to manage". It's "almost no backend code".

- JoeEmison (@joeemison)

CLI Toolchain

AWS Amplify

Create AWS services

Update & delete AWS services

GraphQL CodeGen

Hosting for static websites & assets

Client Library

AWS Amplify

Connect to & interact with cloud services

Preconfigured components for popular front-end libraries

Built-in support for AWS Signature Version 4 signing for authenticated requests

Authentication

Analytics

GraphQL API

Lamdba Functions

​AR / VR

Chat Bots

REST API

Storage

Internationalization

AWS Amplify

Example Application

User Mgmt

Back end

Search

Reporting

AWS AppSync / DynamoDB

Amazon Cognito

AWS AppSync

Amazon Pinpoint

@dabit3

twitter / github / medium

Building Offline-first GraphQL Applications with React & AWS AppSync

By Nader Dabit

Building Offline-first GraphQL Applications with React & AWS AppSync

ReactJS / ReasonML Austin Meetup

  • 2,174