Caching & State Management with Apollo Client

State management is about caching the data you need to provide experiences for your users. Apollo Client is both a GraphQL client and a state management library. In this collection, you’ll learn how to use the latest version of Apollo Client as your single source of truth for state in client-side UI libraries like React.

Frontend

Apollo Client handles the tasks of fetching, caching, and normalizing your remote data. Understanding what it does and how it works under the hood lets you focus on what matters: creating great user experiences.

Khalil Stemmler

Developer Advocate

Stream

Intro to Apollo Client 3.0

On this episode of Mission Briefing, Ben Newman walks Kurt Kemple through Apollo Client 3.0! Apollo Client 3.0 introduces some excited new changes like cache policies, reactive variables, and a lot more!

Blog post

Demystifying Cache Normalization

Apollo Client provides APIs for building rich client applications by normalizing, caching, and making sense of complex GraphQL data.

Guide

A Quick Overview of Cache Normalization in Apollo Client

In this two minute video Ben Newman and Kurt Kemple walk through how cache normalization works in Apollo Client

Blog post

Previewing the Apollo Client 3 Cache

Apollo Client’s caching system is core to both the user experience and the developer experience it provides. As one of Apollo Client’s most powerful features, the cache has been our biggest focus area while building Apollo Client 3. This major-version release will include plenty of other new features (such as a consolidated @apollo/client package that includes both […]

Blog post

Dispatch This: Using Apollo Client 3 as a State Management Solution

Learn client-side state management basics and how to use Apollo Client 3 to handle your entire client-side data layer.

Blog post

Local State Management with Reactive Variables

In Apollo Client & Client-side Architecture Basics, we learned that most client-side apps work with a couple of different types of state. When we talk about local state management, we’re referring to the pattern of attaching properties and objects that only exist on the client-side. That’s shared (global) state. shared (global) state is state that we sometimes don’t want […]

Guide

What are Reactive Variables in Apollo Client 3

In this two minute video Ben Newman teaches us what reactive variables are in Apollo Client 3.0

Guide

What are Type Polices in Apollo Client 3

In this three minute video Ben Newman teaches us about type policies in Apollo Client 3.

Blog post

Apollo Client & Client-side Architecture Basics

Architecture is the foundation, the skeleton, that sets your project up for success. It’s the stuff that we wish we got right from the start because making drastic architectural changes, later on, can be challenging and time-consuming. Today, we React developers have tools like Context, Hooks, Redux, and xState. We write code that deals with […]

Talk

A Treatise on State

A study of the different types of state we manage, how to think about each, and how to get them playing nicely together.