-
Learn how to use Apollo, a flexible, production-ready GraphQL client for React and React Native apps.
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.
Overview
Syllabus
-
Introduction
- Welcome
- Course prerequisites
- Using the exercise files
- Brief introduction of Apollo
- Tools required to work with Apollo
- Set up the base CRM React project
- Overview of other platforms
- Overview of Apollo React toolbox
- Initial Apollo client setup
- Install dependencies for Apollo server
- Finalize Apollo server
- Connect Apollo server to React client
- Mutations introduction with Apollo
- Mutations with React component
- Store and UI update
- Optimistic UI for faster updates
- Introduction to subscriptions and schema
- Update resolvers for subscriptions
- Update components for subscriptions
- Create a custom resolver on client
- Add new contact header component
- Connect subscription with contact single
- Adding new notes with mutations
- Finalizing project with a beauty pass
- Next steps