Download - Grafoo - anatomia de um cliente graphql
![Page 1: Grafoo - anatomia de um cliente graphql](https://reader031.vdocuments.pub/reader031/viewer/2022030317/5a650e7d7f8b9af3398b52cb/html5/thumbnails/1.jpg)
![Page 2: Grafoo - anatomia de um cliente graphql](https://reader031.vdocuments.pub/reader031/viewer/2022030317/5a650e7d7f8b9af3398b52cb/html5/thumbnails/2.jpg)
GRAFOO
A anatomia de um cliente GraphQL
![Page 3: Grafoo - anatomia de um cliente graphql](https://reader031.vdocuments.pub/reader031/viewer/2022030317/5a650e7d7f8b9af3398b52cb/html5/thumbnails/3.jpg)
![Page 4: Grafoo - anatomia de um cliente graphql](https://reader031.vdocuments.pub/reader031/viewer/2022030317/5a650e7d7f8b9af3398b52cb/html5/thumbnails/4.jpg)
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.
![Page 5: Grafoo - anatomia de um cliente graphql](https://reader031.vdocuments.pub/reader031/viewer/2022030317/5a650e7d7f8b9af3398b52cb/html5/thumbnails/5.jpg)
![Page 6: Grafoo - anatomia de um cliente graphql](https://reader031.vdocuments.pub/reader031/viewer/2022030317/5a650e7d7f8b9af3398b52cb/html5/thumbnails/6.jpg)
FERRAMENTARIA
![Page 7: Grafoo - anatomia de um cliente graphql](https://reader031.vdocuments.pub/reader031/viewer/2022030317/5a650e7d7f8b9af3398b52cb/html5/thumbnails/7.jpg)
![Page 8: Grafoo - anatomia de um cliente graphql](https://reader031.vdocuments.pub/reader031/viewer/2022030317/5a650e7d7f8b9af3398b52cb/html5/thumbnails/8.jpg)
CLIENTES GRAPHQL
![Page 9: Grafoo - anatomia de um cliente graphql](https://reader031.vdocuments.pub/reader031/viewer/2022030317/5a650e7d7f8b9af3398b52cb/html5/thumbnails/9.jpg)
![Page 10: Grafoo - anatomia de um cliente graphql](https://reader031.vdocuments.pub/reader031/viewer/2022030317/5a650e7d7f8b9af3398b52cb/html5/thumbnails/10.jpg)
A ANATOMIA DE UM CLIENTE GRAPHQL
![Page 11: Grafoo - anatomia de um cliente graphql](https://reader031.vdocuments.pub/reader031/viewer/2022030317/5a650e7d7f8b9af3398b52cb/html5/thumbnails/11.jpg)
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
![Page 12: Grafoo - anatomia de um cliente graphql](https://reader031.vdocuments.pub/reader031/viewer/2022030317/5a650e7d7f8b9af3398b52cb/html5/thumbnails/12.jpg)
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.
![Page 13: Grafoo - anatomia de um cliente graphql](https://reader031.vdocuments.pub/reader031/viewer/2022030317/5a650e7d7f8b9af3398b52cb/html5/thumbnails/13.jpg)
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
![Page 14: Grafoo - anatomia de um cliente graphql](https://reader031.vdocuments.pub/reader031/viewer/2022030317/5a650e7d7f8b9af3398b52cb/html5/thumbnails/14.jpg)
DEMO
![Page 15: Grafoo - anatomia de um cliente graphql](https://reader031.vdocuments.pub/reader031/viewer/2022030317/5a650e7d7f8b9af3398b52cb/html5/thumbnails/15.jpg)
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