grafoo - anatomia de um cliente graphql

GRAFOO

A anatomia de um cliente GraphQL

GRAPHQL

Uma linguagem de query para APIs e um runtime para resolver essas queries com seus dados. O GraphQL fornece uma descrição completa e compreensível dos dados em sua API; dá aos clientes o poder de pedir exatamente o que eles precisam e nada mais; facilita a evolução das APIs ao longo do tempo e permite ferramentas de desenvolvimento poderosas.

FERRAMENTARIA

CLIENTES GRAPHQL

A ANATOMIA DE UM CLIENTE GRAPHQL

A ANATOMIA DE UM CLIENTE GRAPHQL

Transporte

Cache

Integrações

● Como o cliente se comunica com o servidor

● Onde é implementado middleware

○ Definição de contexto antes do request ser enviado

○ Modelagem de dados recebidos do servidor

A ANATOMIA DE UM CLIENTE GRAPHQL

Transporte

Cache

Integrações

Na maioria das aplicações, você deseja manter um cache

dos dados que anteriormente foram obtidos do servidor.

● Abordagem ingênua: botar os resultados das queries

diretamente dentro da store.

● Abordagem Ideal: normalizar resultados das queries e

armazenar objetos, individualmente, para que possam

ser referenciados por um ID próprio.

A ANATOMIA DE UM CLIENTE GRAPHQL

Transporte

Cache

Integrações

● Como o cliente se integra a um determinado framework

○ React

○ Vue

○ Angular

● Componentes de alta ordem

○ Mutation

○ Query

○ Subscription

DEMO

Centro

Av. Presidente Wilson,

231 - 29º andar

(21) 2240-2030

Cidade Monções

Av. Nações Unidas,

11.541 - 3º andar

(11) 4119-0449

Savassi

Av. Getúlio Vargas, 671

Sala 800 - 8º andar

(31) 3360-8900

www.concrete.com.br