Learning Apollo

2h 43mIntermediate2017-10-02

Authors

Emmanuel Henri

Executive with 20+ years of experience in programming and design

Course details

Apollo—a flexible GraphQL client for React and React Native apps—makes it easy to fetch the data you need for your component. In this course, learn how to get started with Apollo. Emmanuel Henri explains how Apollo works with React and React Native, and demonstrates how to set up Apollo, finalize the Apollo server, and connect it to the React client. He then shows how to perform GraphQL queries with Apollo, and how to work with subscriptions.

Learning objectives
Initial setup for Apollo
Tools required to work with Apollo
Initial Apollo client setup
Installing dependencies for Apollo server
Finalizing Apollo server
GraphQL mutations with Apollo
Subscriptions with Apollo
Updating resolvers and components for subscriptions

Skills covered

UAD-2 / ApolloUniversal AudioGraphQLBack-End Web DevelopmentFull-Stack Web DevelopmentLearningWeb DevelopmentOpen Source

Concepts

0. Introduction

01 - Welcome
02 - Course prerequisites
03 - Using the exercise files

1. Initial Setup for Apollo

04 - Brief introduction of Apollo
05 - Tools required to work with Apollo
06 - Set up the base CRM React project
07 - Overview of other platforms

2. Apollo Client and Server

08 - Overview of Apollo React toolbox
09 - Initial Apollo client setup
10 - Install dependencies for Apollo server
11 - Finalize Apollo server
12 - Connect Apollo server to React client

3. GraphQL Mutations with Apollo

13 - Mutations introduction with Apollo
14 - Mutations with React component
15 - Store and UI update
16 - Optimistic UI for faster updates

4. Subscriptions with Apollo

17 - Introduction to subscriptions and schema
18 - Update resolvers for subscriptions
19 - Update components for subscriptions
20 - Create a custom resolver on client
21 - Add new contact header component
22 - Connect subscription with contact single
23 - Adding new notes with mutations
24 - Finalizing project with a beauty pass

Conclusion

25 - Next steps