Data sync for realtime or offline apps with React and GraphQL

on YouTube ↗01h 08m

" summary

Explains a concrete system: Amplify/AppSync DataStore with GraphQL SDL modelgen, local adapters (IndexedDB, AsyncStorage), a sync engine that issues GraphQL queries/mutations/subscriptions, and DynamoDB back end with a Delta table and TTL. Provides automatic versioning and conflict detection, optional Lambda conflict resolvers, three‑way merge ordering, and auto-merge of non‑overlapping fields and lists. Claims practical throughput—e.g. 84,000 records in 90s—and gives developer APIs for save/query/observe plus configurable delta/lastChangedAt sync.

AI-written summary · about

" chapters (8)

1. 0:00Start
2. 2:10Modern App Requirements
3. 4:36Mental Model: App Data
4. 5:35CAP Theorem
5. 10:08Using client caches for offline
6. 12:43Data Structures
7. 33:40DataStore Provisioning Workflow
8. 34:43GraphQL powers Amplify DataStore

" related talks

• 29mThe Future of Real-time | Offline | DataNader Dabit · Frontend Love 2020
• 16mRapid mobile API development with GraphQL and Amazon AppSyncGabe Hollombe · Voxxed Days Singapore 2018
• 53mAppSync: Build real-time app experiences with modern GraphQL APIsKevin DeJong · AWS Summit Atlanta 2022
• 28mGraphQL at scale with AWSRichard Threlkeld · React Amsterdam 2018
• 38mAPI Modernization with GraphQLWilson Wong · apidays Hong Kong 2022
• 26mBuild a full-stack app with GraphQL & AWS AppSyncMichael Liendo · AWS Developer Innovation Day 2023
• 29mBuild full-stack web and mobile apps with AWS Amplify and AWS AppSyncStephen Johnson · AWS AMER Summit May 2021
• 34mPower real-time serverless applications with GraphQL and AWS AppSyncBrice Pellé · AWS AMER Summit May 2021