Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

React Query with GraphQL Code Gen and Typescript

Callstack Engineers via YouTube

Overview

Explore the powerful features and tools of React Query in React Native development through this comprehensive talk from React Native EU 2021. Dive into the Stale-While-Revalidate concept, learn how to use GraphQL code generator for TypeScript types and custom hooks, and discover automatic re-fetch capabilities. Gain insights on implementing infinite queries with flat lists, leveraging React Suspense and Error boundaries, and persisting cache in Async storage. Compare React Query to Apollo Client and other popular GraphQL libraries, and uncover valuable lessons learned from real-world production implementation. Benefit from the speaker's extensive experience in creating low-code application development platforms and leading React Native with GraphQL app development since 2017.

Syllabus

Introduction
React While Revalidate
GraphQL Code Generation
GraphQL Providers
Initial Data
App Focus Refetch
OnScreen Focus
Pull
Mutations
Suspense and Error Boundaries
Flatlist with infinite queries
Optimistic updates
Cache persistence
React Query vs other libraries
Lessons

Taught by

Callstack Engineers

Reviews

Start your review of React Query with GraphQL Code Gen and Typescript

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.