Real-time GraphQL API with minimum coding and maximum benefit
- 1. Real-time GraphQL API Mikhail Asavkin
- 2. Real-time GraphQL API minimum code, Maximum benefit Mikhail Asavkin
- 4. 4 Skychute PropTech Development Breaking new ground using software in the property industry.
- 5. 5 Skychute PropTech Development Breaking new ground using software in the property industry. ● 5 B2B Products transforming business of the biggest Property Developers and Agencies in Australia
- 6. 6 Skychute PropTech Development Breaking new ground using software in the property industry. ● 5 B2B Products transforming business of the biggest Property Developers and Agencies in Australia ● $10B worth of property sold
- 7. 7 Skychute PropTech Development Breaking new ground using software in the property industry. ● 5 B2B Products transforming business of the biggest Property Developers and Agencies in Australia ● $10B worth of property sold ● 4 new feature deployments a week with the team of 2 engineers
- 8. 8 Skychute PropTech Development Breaking new ground using software in the property industry. ● 5 B2B Products transforming business of the biggest Property Developers and Agencies in Australia ● $10B worth of property sold ● 4 new feature deployments a week with the team of 2 engineers ● 11 programming languages, 4 technology stacks, all sorts of tests
- 9. Soup du jour
- 10. Soup du jour ● A quick refresher on GraphQL
- 11. Soup du jour ● A quick refresher on GraphQL ● The implications of Real-time API in general
- 12. Soup du jour ● A quick refresher on GraphQL ● The implications of Real-time API in general ● Building the Real-time GraphQL API
- 13. Soup du jour ● A quick refresher on GraphQL ● The implications of Real-time API in general ● Building the Real-time GraphQL API ● Demo app
- 14. Why GraphQL?
- 16. Author info Post Body Media Stats Likes User info User info User info Comments Comment Body Media Stats Sub-comments User info
- 17. GET /posts/123 GET /posts/123/author GET /posts/123/likes GET /posts/123/comments GET /comments/546/comments GET /comments/674/comments GET /comments/853/comments Author info Post Body Media Stats Likes User info User info User info Comments Comment Body Media Stats Sub-comments User info
- 18. What is GraphQL?
- 28. How it works
- 29. How it works DB
- 30. How it works GraphQL API DB
- 31. How it works GraphQL API GraphQL Schema DB
- 32. How it works GraphQL API GraphQL Schema DB REST API Another GraphQL API
- 33. How it works GraphQL API GraphQL Schema DB REST API Another GraphQL API Resolvers
- 34. How it works GraphQL API GraphQL Schema DB REST API Another GraphQL API Resolvers
- 35. How it works GraphQL API GraphQL Schema DB REST API Another GraphQL API Resolvers
- 46. Layers
- 47. Data Model Fields, relationships Layers
- 48. Data Model Fields, relationships Business model Permissions, rules, triggers Layers
- 49. Data Model Fields, relationships Business model Permissions, rules, triggers GraphQL Schema Shape of the API Layers
- 50. Data Model Fields, relationships Business model Permissions, rules, triggers GraphQL Schema Shape of the API Resolvers API Implementation Layers
- 51. Data Model Fields, relationships Business model Permissions, rules, triggers GraphQL Schema Shape of the API Resolvers API Implementation GraphQL API Backend Façade Layers
- 52. Data Model Fields, relationships Business model Permissions, rules, triggers GraphQL Schema Shape of the API Resolvers API Implementation GraphQL API Backend Façade GraphQL Client Frontend data service Layers
- 53. Data Model Business model GraphQL Schema Resolvers GraphQL API GraphQL Client Layers Generated Manual Manual Manual Manual No static checks for Web client
- 54. Data Model Business model GraphQL Schema Resolvers GraphQL API GraphQL Client Layers Generated Basic permissions Generated Generated None Manual
- 55. Data Model Business model GraphQL Schema Resolvers GraphQL API GraphQL Client Layers Generated Manual Generated Generated Generated, type-safe web client Prisma Manual
- 56. Data Model Business model GraphQL Schema Resolvers GraphQL API GraphQL Client Layers Generated Basic permissions, no validation Generated Generated Generated None
- 58. Real-time API implications Page 1 data Component A Component B Page 2 Component A Component B
- 59. Real-time API implications Page 1 data Component A Component B state Page 2 Component A Component B Service Observe Mutate Realtime API
- 61. Prisma.io
- 62. Prisma.io ● Create a schema
- 63. Prisma.io ● Create a schema ● Generate Realtime GraphQL API
- 64. Prisma.io ● Create a schema ● Generate Realtime GraphQL API ● Play around
- 86. Prisma.io Takeaway #1 Allows us to build real-time GraphQL API without coding.
- 95. Prisma.io Takeaway #2 Only changes that came through GraphQL API are respected in the real-time API.
- 100. Prisma.io Takeaway #3 Changes to related objects will not trigger a subscription.
- 103. Prisma.io DB Real-time GraphQL API SchemaResolvers Prisma + Nexus Real-time GraphQL API Permissions ValidationExternal services NodeJSScala
- 104. Describing your schema is easy API is generated automatically Real-time features aren’t great Only a data layer, not BAAS Prisma.io Summary
- 106. Hasura.io ● Build schema from the database / UI ● Generate GraphQL API ● Test ● Add permissions with filters ● Test
- 121. Hasura.io Takeaway #1 Real-time API respects related objects and direct DB updates
- 122. Hasura.io ● Build schema from the database / UI ● Generate GraphQL API ● Test ● Add permissions with filters ● Test
- 123. Hasura.io ● Build schema from the database / UI ● Generate GraphQL API ● Test ● Add permissions with filters ● Test
- 136. Hasura.io Takeaway #2 Allows us to define permissions without coding
- 139. Platform / feature Prisma.io Hasura.io Schema generation Resolvers Real-time Authentication / Sign up Permissions Validation
- 140. Platform / feature Prisma.io Hasura.io Schema generation Automatic Resolvers Automatic Real-time Not so great Authentication / Sign up Manual Permissions Manual Validation Manual
- 141. Platform / feature Prisma.io Hasura.io Schema generation Automatic Automatic Resolvers Automatic Automatic Real-time Not so great Great Authentication / Sign up Manual Manual Permissions Manual Pretty good Validation Manual Weak
- 142. Platform / feature Prisma.io Hasura.io In your dreams Schema generation Automatic Automatic Automatic Resolvers Automatic Automatic Automatic Real-time Not so great Great Great Authentication / Sign up Manual Manual Included Permissions Manual Pretty good Included Validation Manual Weak Included
- 143. Platform / feature Prisma.io Hasura.io RRAA Schema generation Automatic Automatic Automatic Resolvers Automatic Automatic Automatic Real-time Not so great Great Great Authentication / Sign up Manual Manual Included Permissions Manual Pretty good Included Validation Manual Weak Included
- 144. RRAA
- 145. RRAA
- 146. ● Complex filtering, sorting, pagination, search ● Efficient Real-time support ● Zero backend code required (it’s a BAAS!) ● No redeployment for schema changes ● Strongly typed client libraries respecting your schema ● Very secure, extensive permission and validation rules ● Cloud function triggers for extensions ● Of course, GraphQL ● BYO MongoDB Database RRAA
- 147. ● Complex filtering, sorting, pagination, search ● Efficient Real-time support ● Zero backend code required (it’s a BAAS!) ● No redeployment for schema changes ● Strongly typed client libraries respecting your schema ● Very secure, extensive permission and validation rules ● Cloud function triggers for extensions ● Of course, GraphQL ● BYO MongoDB Database RRAA
- 149. Real-time API implications Page 1 data Component A Component B state Page 2 Component A Component B Service Observe Mutate Realtime API
- 151. Join beta https://bit.ly/nodesydneyRA 1h/week free code-level support
- 152. Next talks ● May 14th, SydTS “WebAssembly in TS” ● May 22nd, GraphQL Sydney “Live queries” ● ??? , Node JS performance in depth