Using Apollo GraphQL With React

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.

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!

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.

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.

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!

Decide which GraphQL library is right for you

GraphQL APIs are the future, and Apollo is the best way to integrate it into your React app right now.

This tutorial shows you how to use Apollo Client for GraphQL without any other third-party library.

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 ...

We have 2 GraphQL endpoints, so I needed 2 Apollo clients and got them working with Next.js and SSR.

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.

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.

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.

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.

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.

Learn how to test your React and Apollo code using MockedProvider.

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.

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.

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.

Best practices for implementing and scaling a data graph.

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.

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.

In this series we will build a small app using GraphQL, Express, React & Apollo.

Learn everything you need to build a full stack application with React.js and GraphQL

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.

Over 25 videos, this series will teach you more complex aspects of React Native while using a GraphQL API

In this free series, I'll be teaching GraphQL with Apollo, Meteor & React to build a full-stack app.

The end product is to build a Twitter kind of clone where we have real time updates

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.

React integration for Apollo Client