Using Apollo GraphQL With React
The Apollo GraphQL platform is an implementation of GraphQL that helps you manage data from the cloud to your UI. More info
Articles & Tutorials
Nov 25, 2019
A meal ticket tracker allows you to issue digital meal tickets to attendees and not rely on paper tickets.
Christian NwambaAug 06, 2019
Today we’re thrilled to announce the addition of React Hooks to Apollo Client!
- Hugh Willson
May 08, 2019
Curious about all the buzz surrounding GraphQL, but not quite sure why you should be excited? You’re in the right place! We’ll shed some light on what GraphQL is and give you an opportunity for some hands-on experience.
- Joe Hewitson
Feb 26, 2019
One year ago, we had a vision for the future of state management. We wanted to provide developers with one source of truth for all of their app’s data and one unified interface to access it. Our dream is finally a reality with the release of Apollo Client 2.5, now with local state management!
- Hugh Willson
Feb 19, 2019
GraphQL is just a query language. And in order to use it easily, we need to use a platform that will do all the heavy lifting for us. One such platform is provided by Apollo.
- Rajat Saxena
Feb 10, 2019
This post comes from a recent talk I did on the internals of Apollo Client. I was frustrated that I did not understand what was actually going on when I was using it so I took some time to delve into the code.
- Craig Taub
Feb 09, 2019
This is a series of posts how I felt while working on my first project with Apollo, GraphQL, and reactjs. Also, you will learn how to set it up!
- Michael Lazarski
Jan 29, 2019
Decide which GraphQL library is right for you
- Scott Domes
Jan 02, 2019
GraphQL APIs are the future, and Apollo is the best way to integrate it into your React app right now.
- Leigh Halliday
Nov 01, 2018
This tutorial shows you how to use Apollo Client for GraphQL without any other third-party library.
Robin WieruchOct 19, 2018
The tutorial builds up on a mocked GraphQL API enabling you to write tests for your Apollo Client queries and mutations in React. It answers the question: How to test Apollo Client in React ...
Oct 03, 2018
- Prosper Otemuyiwa
Aug 25, 2018
GraphQL is hot, and for a good reason. In short, it is a query language that allows you to ask for exactly what you need from your API. This cuts any unnecessary data transfer that may occur with different methodologies.
- Jun Hyuk Kim
Aug 22, 2018
Learn how to build a GraphQL server with Apollo Server and Express with authentication, authorization, pagination, subscription, database access, tests.
Jul 04, 2018
Overview about the advantages and disadvantages of using Apollo and its ecosystem for JavaScript applications. It mentions also Apollo alternatives such as Urql and Relay for React applications.
Jun 26, 2018
When having a GraphQL server, Apollo Client can be a valid option for your remote data. How fits Redux into the equation? This tutorial shows you an example on how Redux and Apollo Client can be used together in a React application. Whereas Redux is used for local data, Apollo Client is used for remote data.
Jun 05, 2018
The tutorial guides you through building a minimal Apollo Client in React example application where Apollo Client is used for remote data and React's local state for local data.
May 28, 2018
The tutorial shows you how to mock your GraphQL server for your GraphQL client for testing or other purposes. Either you can reconstruct a GraphQL client-side schema or introspect the GraphQL server schema. Both ways use client-side resolvers to mock the data.
May 04, 2018
I want to show how to use apollo-link-state instead of introducing Redux or MobX in a React example application.
May 01, 2018
In this tutorial, you will learn how to combine React with GraphQL in your application by using Apollo.
Apr 22, 2018
In this tutorial you’ll learn how to use GraphQL in a React web application. To make use of GraphQL inside your React project we’ll be using the React Apollo library.
- Sebastian Eschweiler
Dec 21, 2017
Managing your local data in Apollo Client with apollo-link-state.
- Peggy Rayzis
Mar 23, 2017
Universally render your application with Apollo and Next
- Adam Soffer
Video Guides & Talks
Dec 17, 2019
Quickie on me refactoring React Apollo from Render.
Wes BosDec 09, 2018
We have 2 GraphQL endpoints, so I needed 2 Apollo clients and got them working with Next.js and SSR.
Ben AwadDec 09, 2018
In this video we learn how to use the apollo-link-state library to Mutate and Query our local state. Link State is an alternative to using React's Component level state, MobX, or Redux... access and mutate your data in the same way you communicate with external GraphQL APIs.
Leigh HallidayDec 08, 2018
We'll transform some React code using the Query component from Apollo GraphQL to use hooks! The code ends up being WAY cleaner and easier to reason about.
Dec 05, 2018
In this talk, learn how Gatsby & Apollo help you build apps that combine the performance and workflow benefits of static sites with the flexibility and power of server-driven sites.
- Jason Lengstorf
Dec 05, 2018
Airbnb's mission is to create a world where anyone can Belong Anywhere. But we can only deliver on that vision by executing! GraphQL and Apollo Platform sit at the center of a portfolio of tools engineers at Airbnb are using to ship faster.
- Adam Neary
Airbnb
Dec 05, 2018
Learn how to manage local state with Apollo Client, as well as some of the new tooling available with the Apollo CLI and VS Code extension.
- Peggy Rayzis
Nov 16, 2018
Learn how to test your React and Apollo code using MockedProvider.
Nov 13, 2018
Apollo has given us freedom and happiness when it comes to managing our data coming from the server but we still had to write code and sometimes a lot of it to manage our local state?
Well, what if we managed it with queries too? Sounds too awesome right?
Let's learn how to do this with apollo-link-state.
Sara VieiraNov 03, 2018
When Apollo Boost no longer provides you the flexibility you need, it's time to reach for the Apollo Client library and configure things yourself. In this video we go over the conversion process and how to use some comment links such as link-error, link-context, and link-http.
Nov 02, 2018
Don't know where to begin with GraphQL in React? Begin by setting up a client with ApolloBoost and make a Query! In this video we pull my starred repositories from the GitHub GraphQL API.
Sep 14, 2018
Let's take a look at look at what we can do with React Apollo today, how we can use it to even manage our local state and see what the future holds for us in the new releases of React Apollo.
Aug 31, 2018
In this video I show how I use addMockFunctionsToSchema & MockedProvider to have a powerful auto mocking of data using Apollo's render prop components.
Scott TolinskiJul 08, 2018
Learn GraphQL by doing! We will have a workshop where we will create a bsic graphql backend with prisma and then connect to the frontend with react Apollo.
May 25, 2018
Apollo has given us freedom and happiness when it comes to managing our data coming from the server but we still had to write code and sometimes a lot of it to manage our local state? Well, what if we managed it with queries too? Sounds too awesome right? Let's learn how to do this with apollo-link-state.
May 13, 2018
We'll take a look at how to use GraphQL with React using the Apollo GraphQL library and GitHub's new GraphQL API. We'll look at setting up our client, provider, and finally writing and executing our GraphQL query.
Apr 22, 2018
In this tutorial you’ll learn how to use GraphQL in a React web application. To make use of GraphQL inside your React project we’ll be using the React Apollo library.
- Sebastian Eschweiler
May 30, 2017
In this video I will show you how to connect React Apollo (Client) with the popular create-react-app tools!
- Jamie Barton
Books & Guides
Feb 12, 2019
Best practices for implementing and scaling a data graph.
- Geoff Schmidt
- Matt DeBergalis
Courses & Video Series
Jan 15, 2019
Discover how to manage client-side state using Apollo with React. Learn how to configure and query client state, mutate client state, mutate the cache, and more.
- Eric Greene
Dec 05, 2018
This course is for GraphQL newbies with a basic understanding of React. It focuses on the client-side implementation of GraphQL usage using the Apollo client.
Nik GrafNov 12, 2018
In this series we will build a small app using GraphQL, Express, React & Apollo.
Brad TraversyOct 11, 2018
Learn everything you need to build a full stack application with React.js and GraphQL
Jul 31, 2018
Learn the hottest GraphQL library out with Level 1 Apollo Client with React. In this series, I teach you how to connect to GraphQL APIs, the new Query, Mutation and ApolloConsumer components.
Jan 31, 2018
Over 25 videos, this series will teach you more complex aspects of React Native while using a GraphQL API
Jan 02, 2018
In this free series, I'll be teaching GraphQL with Apollo, Meteor & React to build a full-stack app.
Jul 18, 2017
The end product is to build a Twitter kind of clone where we have real time updates
- Emanuel Quimper
Podcast Episodes
Apr 03, 2018
In this episode, the JavaScript Jabber panelists talk about Apollo with Peggy Rayzis. She discusses what GraphQL is and how it is used, as well as how they use it in the Apollo team to make their lives as developers easier. They also touch on when it would work best to use GraphQL and when it is not ideal to use it.
- Charles Max Wood
- Aimee Knight
- AJ ONeal
- Peggy Rayzis
Libraries
v3.0.0
Aug 06, 2019
React integration for Apollo Client
- Hugh Willson
- Ben Newman