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

YouTube

GraphQLifying React Native App

Callstack Engineers via YouTube

Overview

Explore a comprehensive case study on migrating a large-scale React Native application with over 200,000 weekly users to Apollo Client 3.0 for data layer and state management. Learn about implementing a new backend GraphQL API to replace multiple separate API calls, utilizing local resolvers for REST APIs without GraphQL endpoints, and leveraging type policies with custom keyFields and cache references. Discover techniques for local state management using reactive variables for cache and performing cache updates with queries and cache.modify. Gain insights into the project's successful outcome, potential pitfalls encountered, and strategies for overcoming challenges. Delve into topics such as GraphQL playground, persistence, content blocks, enforcing response schemas, and React Native debugging with Devtools. Understand the implementation of mock providers and wrappers, and explore the overall architecture and API call structure of the migrated application.

Syllabus

Introduction
Project Background
Project Feedback
Why GraphQL
Lessons Learned
Proof of Concept
Architecture
API Calls
Example App
Persistence
Content Blocks
GraphQL Playground
GraphQL Backend
Rest API Calls
Enforce Response Schema
Recap
GraphQL Cache
Local State Management
GraphQL Types
React Components
Reactive Variable Persistence
React Native Debug
Devtools
Mock Providers
Mock Wrapper
Outcome

Taught by

Callstack Engineers

Reviews

Start your review of GraphQLifying React Native App

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.