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

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