Modeling GraphQL

The talk about GraphQL modelling presented into #ReactSP28 meetup.

It's almost the same talk presented in the ReactConf Brazil 2018 (http://reactconfbr.com.br/), however with few differences and more stuff about the modelling of GraphQL schemas, like the context modelling.

This is the following link for the talk presented into ReactConf: https://speakerdeck.com/renatobenks/modeling-graphql-apis

Check it out about the meetup: https://www.meetup.com/pt-BR/ReactJS-SP/events/256624219/

Transcript

1. © 2018 – Creditas Soluções Financeiras Ltda. 1 Modeling GraphQL Renato Benkendorf
2. © 2018 – Creditas Soluções Financeiras Ltda. 2 @renatobenks
3. © 2018 – Creditas Soluções Financeiras Ltda. 3
4. © 2018 – Creditas Soluções Financeiras Ltda. 4
5. © 2018 – Creditas Soluções Financeiras Ltda. 5 © 2018 – Creditas Consultoria Financeira Ltda. Software Engineer @renatobenks
6. © 2018 – Creditas Soluções Financeiras Ltda. 6 © 2018 – Creditas Consultoria Financeira Ltda. Software Engineer @renatobenks creditas.com.br @CreditasBR Fintech Plataforma online Empréstimo com garantia
7. © 2018 – Creditas Soluções Financeiras Ltda. 7
8. © 2018 – Creditas Soluções Financeiras Ltda. 8 Modeling GraphQL Renato Benkendorf
9. © 2018 – Creditas Soluções Financeiras Ltda. 9 Where it came from?
10. © 2018 – Creditas Soluções Financeiras Ltda. 10
11. © 2018 – Creditas Soluções Financeiras Ltda. 11 Scaling GraphQL
12. © 2018 – Creditas Soluções Financeiras Ltda. 12 Scaling GraphQL 1. multiple clients
13. © 2018 – Creditas Soluções Financeiras Ltda. 13 Scaling GraphQL 1. multiple clients 2. multiple teams
14. © 2018 – Creditas Soluções Financeiras Ltda. 14 Scaling GraphQL Aggregation layer (ESB, BFF, API Gateway, Orchestrator)
15. © 2018 – Creditas Soluções Financeiras Ltda. 15 Scaling GraphQL integrate business domain to the clients
16. © 2018 – Creditas Soluções Financeiras Ltda. 16 Scaling GraphQL
17. © 2018 – Creditas Soluções Financeiras Ltda. 17 Demystifying GraphQL
18. © 2018 – Creditas Soluções Financeiras Ltda. 18 Demystifying GraphQL QL (Query-Language) Graph
19. © 2018 – Creditas Soluções Financeiras Ltda. 19 Demystifying GraphQL Graph • The objects are vertices or nodes. • The links are edges.
20. © 2018 – Creditas Soluções Financeiras Ltda. 20 Demystifying GraphQL Query language (QL) refers to any computer programming language that requests and retrieves data by sending queries
21. © 2018 – Creditas Soluções Financeiras Ltda. 21 Demystifying GraphQL GraphQL • The nodes are the object types. • The edges are the fields.
22. © 2018 – Creditas Soluções Financeiras Ltda. 22 and what about modelling?
23. © 2018 – Creditas Soluções Financeiras Ltda. 23
24. © 2018 – Creditas Soluções Financeiras Ltda. 24 Modeling a GraphQL API
25. © 2018 – Creditas Soluções Financeiras Ltda. 25 Modeling a GraphQL API 1. data modelling
26. © 2018 – Creditas Soluções Financeiras Ltda. 26 Modeling a GraphQL API 1. data modelling 2. context modelling
27. © 2018 – Creditas Soluções Financeiras Ltda. 27 Modeling a GraphQL API data modelling 1. Using “endpoint style” rather than thinking in graphs 2. Mapping their GraphQL schema directly to their database tables (foreign keys and all) 3. Mapping their GraphQL schema directly to their back-end data model (eg. your model classes from your ORM or the like)
28. © 2018 – Creditas Soluções Financeiras Ltda. 28 Modeling a GraphQL API data modelling Using “endpoint style” rather than thinking in graphs
29. © 2018 – Creditas Soluções Financeiras Ltda. 29 Modeling a GraphQL API data modelling Using “endpoint style” rather than thinking in graphs
30. © 2018 – Creditas Soluções Financeiras Ltda. 30 Modeling a GraphQL API data modelling Mapping their GraphQL schema directly to their database tables
31. © 2018 – Creditas Soluções Financeiras Ltda. 31 Modeling a GraphQL API data modelling Mapping their GraphQL schema directly to their database tables
32. © 2018 – Creditas Soluções Financeiras Ltda. 32 Modeling a GraphQL API data modelling thinking in graphs
33. © 2018 – Creditas Soluções Financeiras Ltda. 33 Modeling a GraphQL API data modelling thinking in graphs
34. © 2018 – Creditas Soluções Financeiras Ltda. 34 data modelling Mapping their GraphQL schema directly to their back-end data model Modeling a GraphQL API
35. © 2018 – Creditas Soluções Financeiras Ltda. 35 data modelling Mapping their GraphQL schema directly to their back-end data model Modeling a GraphQL API
36. © 2018 – Creditas Soluções Financeiras Ltda. 36 Modeling a GraphQL API data modelling thinking in graphs
37. © 2018 – Creditas Soluções Financeiras Ltda. 37 Modeling a GraphQL API data modelling thinking in graphs
38. © 2018 – Creditas Soluções Financeiras Ltda. 38 Modeling a GraphQL API context modelling
39. © 2018 – Creditas Soluções Financeiras Ltda. 39 Modeling a GraphQL API context modelling Sales context
40. © 2018 – Creditas Soluções Financeiras Ltda. 40 Modeling a GraphQL API context modelling Ticket context
41. © 2018 – Creditas Soluções Financeiras Ltda. 41 Modeling a GraphQL API context modelling Sales + Ticket
42. © 2018 – Creditas Soluções Financeiras Ltda. 42 "With GraphQL, you model your business domain as a graph" Modeling a GraphQL API
43. © 2018 – Creditas Soluções Financeiras Ltda. 43 Use case
44. © 2018 – Creditas Soluções Financeiras Ltda. 44
45. © 2018 – Creditas Soluções Financeiras Ltda. 45 Use case current scenario • domain business currently is servicing • domain data in redux • mapping the boundaries
46. © 2018 – Creditas Soluções Financeiras Ltda. 46 Use case next challenges • app cross-squad • app composition • manage a lot of data from different domains
47. © 2018 – Creditas Soluções Financeiras Ltda. 47 © 2018 – Creditas Consultoria Financeira Ltda. We're hiring vagas.creditas.com.br
48. © 2018 – Creditas Soluções Financeiras Ltda. 48 Thanks!