Visão Geral

Curso GraphQL Apollo Client com React, GraphQL é uma linguagem de consulta de dados que está rapidamente se tornando uma alternativa popular ao REST. Neste treinamento Introdução ao GraphQL e Apollo Client com React, os participantes dominam a escrita de consultas e mutações do GraphQL, bem como como usar o Apollo Client. 

Objetivo

Após realizar este Curso GraphQL Apollo Client com React, você será capaz de:

• Entenda a função e a finalidade dos tipos do GraphQL e como esses tipos são usados ​​juntos
• Escreva consultas e mutações do GraphQL, além de aproveitar a introspecção para determinar o esquema do servidor
• Execute consultas GraphQL do código JavaScript usando a API de busca
• Utilize a biblioteca Apollo Client para executar consultas e mutações do GraphQL

Pre-Requisitos

• Os alunos devem ter ampla experiência no desenvolvimento de componentes React e ampla experiência em codificação com JavaScript moderno (ES2017 e posterior).
• Requisitos de software:
  
• IDE compatível com JavaScript, como WebStorm ou Visual Studio Code; um editor de texto compatível com JavaScript também seria suficiente
• Janela de encaixe

Materiais

Conteúdo Programatico

Introduction

1. What is GraphQL?
2. GraphQL compared to REST Services
3. Apollo compared to Flux, Redux, and Relay
4. Benefits of GraphQL
5. Benefits of Apollo Client, Server and Engine

GraphQL Types and Server Configuration

1. Scheme, Object, Scalar, & List Types
2. Interface Types
3. Understanding Fields, Arguments and Resolve

GraphQL Queries

1. Using the GraphQL web-based client for making queries and exploring documentation
2. Querying connected nodes on the graph, and exploring how that works.
3. Passing arguments into queries.
4. Renaming a field with aliasing.
5. Breaking a large query into fragments.
6. Nesting many fragments.
7. Exploring Apollo GraphQL Client Requests with Tooling

GraphQL Mutations

1. Explore Mutation Queries and Input Types
2. Execute Mutation Queries with Variables
3. Structuring Mutation Query Results
4. Configuring Mutations with Apollo Client
5. Store Updates, Optimistic Responses
6. Handling Error from Failed Mutations

Additional GraphQL Topics

1. Enum, Union, Interface Types
2. Inline Fragments
3. Directives
4. Introspection Queries
5. Pre-fetching Data
6. Subscriptions

Connecting to React

1. Using the web browser fetch API to connect to a GraphQL server
2. Using Google Chrome extensions to examine GraphQL queries
3. Migrate an existing React application from REST Services to GraphQL

Connecting to React using Apollo Client

1. Setting up the Apollo Networking Environment
2. Using the Apollo Provider to connect GraphQL to React
3. Co-locating the GraphQL Query with the React component
4. Containers with GraphQL function and decorator
5. Container Config API
6. Container with Query API