YoVDO

GraphQLifying React Native App

Offered By: Callstack Engineers via YouTube

Tags

Conference Talks Courses React Native Courses GraphQL Courses REST APIs Courses

Course Description

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
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

Related Courses

CS50's Mobile App Development with React Native
Harvard University via edX
Multiplatform Mobile App Development with React Native
The Hong Kong University of Science and Technology via Coursera
React
Udacity
Computer Science and Mobile Apps
Harvard University via edX
A Complete React Native Course - Redux - Context API - 2020
Udemy