Overview
Explore GraphQL integration with React Native using urql in this conference talk from React Native EU 2020. Discover how to effectively implement authentication, code sharing, caching, and debugging techniques. Learn about urql's features, including querying data, exchanges, and caching strategies. Gain insights into handling cache invalidation, updates, and offline support. Dive into practical demonstrations of devtools and GraphQL Playground. Evaluate when to consider urql for your next React Native project based on real-world production experience.
Syllabus
Introduction
About Kadi
Agenda
What this talk isnt about
Why use GraphQL with React Native
GraphQL clients
My experience
What is urql
Querying data
Exchanges
Noop Exchange
Auth Exchange
Stateful Exchange
OAuth Exchange
Caching
Cash Invalidation
GraphQL Cache
Cache Updates
Refetch Queries
Update Queries
Update Cache
How it works
Dynamic key
Offline support
Devtools
Add Devtools
Launch Oracle Devtools
Oracle Devtools Demo
Events
GraphQL Playground
Summary
Taught by
Callstack Engineers