Introduction to GraphQL and Apollo Client with React
GraphQL is a data query language that is rapidly becoming a popular alternative to REST. In this Introduction to GraphQL and Apollo Client with React training, attendees master writing GraphQL queries and mutations, as well as how to use the Apollo Client, a leading GraphQL client.
Location and Pricing
Most Accelebrate courses are delivered as private, customized, on-site training at our clients' locations worldwide for groups of 3 or more attendees and are custom tailored to their specific needs. Please visit our client list to see organizations for whom we have delivered private in-house training. These courses can also be delivered as live, private online classes for groups that are geographically dispersed or wish to save on the instructor's or students' travel expenses. To receive a customized proposal and price quote for private training at your site or online, please contact us.
GraphQL Training Objectives
All students will:
GraphQL Training Outline
What is GraphQL?
GraphQL compared to REST Services
Apollo compared to Flux, Redux, and Relay
Benefits of GraphQL
Benefits of Apollo Client, Server and Engine
GraphQL Types and Server Configuration
Scheme, Object, Scalar, & List Types
Understanding Fields, Arguments and Resolve
Using the GraphQL web-based client for making queries and exploring documentation
Querying connected nodes on the graph, and exploring how that works.
Passing arguments into queries.
Renaming a field with aliasing.
Breaking a large query into fragments.
Nesting many fragments.
Exploring Apollo GraphQL Client Requests with Tooling
Explore Mutation Queries and Input Types
Execute Mutation Queries with Variables
Structuring Mutation Query Results
Configuring Mutations with Apollo Client
Store Updates, Optimistic Responses
Handling Error from Failed Mutations
Additional GraphQL Topics
Enum, Union, Interface Types
Connecting to React
Using the web browser fetch API to connect to a GraphQL server
Using Google Chrome extensions to examine GraphQL queries
Migrate an existing React application from REST Services to GraphQL
Connecting to React using Apollo Client
Setting up the Apollo Networking Environment
Using the Apollo Provider to connect GraphQL to React
Co-locating the GraphQL Query with the React component
Containers with GraphQL function and decorator
Container Config API
Container with Query API
All GraphQL students receive comprehensive courseware.
Software needed for each student PC: