Upgrade to Pro — share decks privately, control downloads, hide ads and more …

GraphQL 101

Avatar for Paulo Pires Paulo Pires
November 30, 2017
Programming
120
0

GraphQL 101

Avatar for Paulo Pires

Paulo Pires

November 30, 2017

More Decks by Paulo Pires

See All by Paulo Pires
Introdução ao WebAssembly
Avatar for Paulo Pires paulohp
0
66
Introdução ao GraphQL
Avatar for Paulo Pires paulohp
0
64
Side Effects: Uma Saga até o React
Avatar for Paulo Pires paulohp
0
100
MobX: State Management made easy
Avatar for Paulo Pires paulohp
0
100
Docker: The Rise of Containers
Avatar for Paulo Pires paulohp
0
130
We Work Remotely
Avatar for Paulo Pires paulohp
2
120
Angular2
Avatar for Paulo Pires paulohp
0
240
Node.js Codelab
Avatar for Paulo Pires paulohp
1
190
NodeBR, um ano memoravel!
Avatar for Paulo Pires paulohp
0
110

Other Decks in Programming

See All in Programming
AI時代に設計が 最大の生産性レバーになる 意図駆動開発とデータを消さない設計｜Don't Delete Your Data or Your Intent — Design as the Deepest Lever in the AI Era
Avatar for Tomohisa Takaoka tomohisa
1
750
TSX の <Hoge<Fuga>> という構文に驚いた話 / tsx-type-argument-syntax
Avatar for Kanaru kanaru0928
0
210
PHP初心者セッション2026　〜生成AIでは見えない裏側を知る：今だからLAMPを通して仕組みを学ぶ〜
Avatar for Hideo Kashioka kashioka
0
870
Laravelで学ぶ Webアプリケーションチューニング入門/web_application_tuning_101
Avatar for Ryo Tomidokoro hanhan1978
4
1.7k
SlackアプリとLambdaの 連携を構築した話
Avatar for pawn pawn_4_s
1
100
『コードを書く以外の』エンジニアリング〜課金基盤移行プロジェクト推進のためのTips4選
Avatar for yuriko yuriko1211
0
590
ITヒヤリハットを整理してみた ～ライフサイクルと原因から考える再発防止策～
Avatar for kouki.miura koukimiura
1
140
変わらないものが、変わるものを決める — 意図駆動開発 × イベントソーシング × イミュータブル | What Doesn't Change Decides What Can — IDD × Event Sourcing × Immutability
Avatar for Tomohisa Takaoka tomohisa
0
1.4k
今さら聞けない .NET CLI
Avatar for tkym htkym
0
180
React本体のコードリーディング
Avatar for high-g high_g_engineer
1
140
AI Engineeringは、AIプロダクトだけのものか？ 〜AIがソフトウェアを作る時代の新しい当たり前〜 / No AI in your product. AI Engineering in your development.
Avatar for r-kagaya rkaga
4
380
php-fpmのプロセスが枯渇した日-調査・対処・そして本当にやるべきだったこと-
Avatar for にわ shibuchaaaan
0
250

Featured

See All Featured
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
380
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
250
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
200
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
10k
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
1
430
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
790
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
590
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
2
14k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
220k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
410
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.3k

Transcript

  1. GraphQL 101 @caofrade

  2. Objetivo

  3. GraphQL Novo padrão para APIs Linguagem de Query (consulta) Open-source

    mantido pela galera do Facebook

  4. Quem usa?

  5. MUITO, MAS MUITO CONTEUDO

  6. HYPE? Que problema o GraphQL resolve mesmo?

  7. REST

  8. REST •Representational State Transfer •Arquitetura baseada em recursos: - Entidades

    do sistema - Identificados por URIs - Manipulado por representações (JSON, XML, HTML)
  9. None
  10. None

  11. Problemas •Overfetching - Download de dados desnecessários. •Underfetching - Acessar

    mais de 1 endpoint para juntar os dados necessários.

  12. GraphQL

  13. Conceitos

  14. Schema •Recursos são definidos por um sistema de tipos •Contrato

    entre cliente e servidor sobre como a aplicação pode acessar os dados. •Schema Definition Language (SDL)
  15. None

  16. Query •No REST, múltiplos endpoints retornam estruturas de dados fixas.

    •Em GraphQL, existe um único endpoint, onde o cliente determina qual dado é necessário.
  17. None
  18. None
  19. None
  20. None

  21. Mutation •Responsável por criar e mudar dados armazenados no back-end.

  22. None
  23. None

  24. Schema •Query e Mutation também precisam ser definidos no Schema

    •São os pontos de entrada para as requisições enviadas pelo cliente.
  25. None

  26. Como Usar?

  27. facebook.github.io/relay

  28. apollographql.com/client

  29. GraphQL não é magica!

  30. E não vai matar o REST!

  31. Obrigado @caofrade