Boost Your React Apps with Apollo: Beyond the Basics

Welcome to part three of Boost Your React Apps with Apollo! 🚀

In this section, you'll go beyond the basics with Apollo to get some really cool stuff done! You're going to learn some more advanced GraphQL and Apollo concepts here. We'll cover updating UIs after a mutation completes, how to get started with Apollo's amazing caching mechanics, polling the server, and much more.

For this section, I've provided a starting point in ./starting-point. This is a more complete version of what we did in part 2 of this series.

To install the dependencies for and run the starting point, run:

cd 02-beyond-the-basics/starting-point/habit-tracker/
npm install
npm start

As always, I still provide the finished code (in ./finished-code) in case you miss something or need a reference point.

This tutorial uses the same server we used in parts 1 and 2 (it's at ../server). You should be able to just run:

cd server
npm start

...and be ready to go.

As always, you can reach out to me on Twitter if you need something and check out my main website to keep up to date with the JavaScript ecosystem.

Let's get started!

Helpful Links

• Apollo docs: useMutation API
• Apollo docs: Configuring the Cache
• Apollo docs: Updating the Cache after a Mutation
• Apollo docs: Interacting with the Cache
• Apollo docs: useLazyQuery
• Apollo docs: Fragments