Zero-Latency React Native: Apps Without Loading Spinners
summary
Claims immediate responses under a simulated 3‑second latency by combining useOptimistic optimistic UI with reactive client local SQLite with PowerSync, showing entries instantly with a “pending” indicator instead of blocking spinners. Changes insert locally via an uploadData connector, back end applies them to Postgres, PowerSync consumes DB replication logs and pushes filtered sync streams to clients. Offline edits persist locally and reliably reconcile on reconnect, demoing a working end‑to‑end sync pipeline.
AI-written summary · about
chapters (9)
- 0:00Introduction
- 1:53Fast real-time and offline-first apps
- 4:20Distributed systems challenges
- 5:02Demo: slow React Native app
- 8:50Speed with optimistic updates
- 13:27Manual sync complexities
- 16:38PowerSync for zero-latency
- 23:35PowerSync edge cases
- 24:18Closing & Q&A
related talks
18mThe need for speed - Single-page apps, Optimistic UIs, Reactivity
20mOffline-First React Native: Designing for production
28mAsynchronous & Offline Magic Tricks on React Native
28mMaking React Fun Again, with Sync Engines
32mGoing Over The Speed Limit Synchronous Rendering in React Native
28mOffline first applications in React Native done well
22mRapid Development on Offline First Data Sync
22mRoad to a better UX with Suspense and Concurrent UI