GraphQL na prática

Links da apresentação:
1. Projeto de exemplo:
- App: https://github.com/marinofelipe/graphql-property-list-app
- Server: https://github.com/marinofelipe/graphql-properties-server
2. Awesome Graphql: https://github.com/chentsulin/awesome-graphql
3. grapqhl.org: https://graphql.org
4. apollo-ios: https://github.com/apollographql/apollo-ios

Transcript

1. GraphQL na prática Felipe Lefèvre Marino
2. Show of hands Quem aqui: • Já ouviu sobre GraphQL? • Já usou GraphQL? • Já usou GraphQL com Swift?
3. Quem está usando
4. O que é? • Padrão de API criado pelo Facebook • Linguagem de query para API'’s - !banco de dados • Organizado por tipos e campos • Endpoint único - POST • Declarativo
5. • Desempenho • Orquestrador que consome várias API's • Flexibilidade aos clients • Colaborativo Por que escolhemos o GraphQL?
6. Conceitos
7. Queries • leitura de dados query { propertyList { properties { title, neighborhood, likes, price } } }
8. • leitura de dados • definição das propriedades query { propertyList { properties { title, price } } } Queries
9. Query query { propertyList { properties { title, price } } } { "data": { "propertyList": { "properties": [ { "title": "Apartamento bonitão", "price": 500000 }, ... ] } } } Response
10. Mutations • update de dados • também pode retornar dados atualizados, mensagens ou erros específicos mutation { likeProperty(id: 0) { success, message } }
11. Mutations mutation { likeProperty(id: 0) { success, message } } { "data": { "likeProperty": { "success": true, "message": "The property amount of likes was correctly updated!" } } } Response
12. Playground
13. • Type safe • Primitivos (Int, Float, Bool, Strings) • required | optional • Custom scalar - Date • Interfaces (protocolos) Dados e tipos
14. • Protocolo de comunicação com os clients • Definição de tipos, queries e mutations disponíveis • schema.json - clientes Schema
15. Na prática
16. App • Lista de imóveis disponíveis + • Contatos de interessados • Em REST: 1. Dois endpoints - /properties e /contacts 2. Comunicação com backend para alterar o retorno do endpoint
17. Apollo iOS • Networking • Cache - In memory / SQLite • Gera type safe structs • Codegen - valida o que digitamos
18. Mapeamento do schema • graphql-cli • No setup inicial e sempre que houver alterações, ou novas queries e mutations expostas
19. Setup / Dependências iOS • Apollo iOS - cocoapods / carthage • graphql-cli - npm
20. Build phase
21. Demo
22. Considerações
23. Desvantagens • Não suporta multipart file uploads - PR parado • Dependências + suporte • Normalização entre tipos • Curva de aprendizagem
24. Vantagens • SOAP < RESTful < GraphQL - nova era? • !(parsear JSON) - repetitivo • Democrático - Fácil de todo time contribuir - schema, playground • Decisão e flexibilidade na mão dos clients • Redução de gasto de banda • Depreciação de atributos - aparece nos docs e no client • Stub é simples
25. Conteúdo e referências • Projeto de exemplo - App + Server • Awesome Graphql - lista de conteúdo • grapqhl.org • apollo-ios
26. grupozap.com Obrigado! /marinofelipe Temos vagas @_marinofelipe felipe.marino@grupozap.com https://jobs.kenoby.com/grupozap