Download to read offline
Uploaded byShowmax Engineering
Implementing GraphQL - Without a Backend
The document discusses the implementation of GraphQL without a backend, highlighting benefits such as co-location of components and data needs, quicker feature development, and easier server-side rendering. It emphasizes a transition from RESTful APIs to a standalone GraphQL server, along with client-side enhancements through libraries like Apollo. Additional resources, tutorials, and examples are provided for further exploration of GraphQL adoption.
Implementing GraphQL - Without a Backend
- 1. Vladimir Guguiev Implementing GraphQL- Without a Backend
- 2. 70k Videos TBs ofData per Day 2 * 10^9 Minutes of Videos Streamed per Year
- 3.
- 4.
- 5. RESTful API Movies Endpoint Categories Endpoint UsersEndpoint Web App Native App
- 6.
- 8.
- 9. GitHub GraphQL APIExplorer https://goo.gl/2nQbaK
- 10. Benefits for theFrontend
- 11. Co-location of acomponent and its data needs Data Query Presentation
- 12.
- 13. Smart GraphQL Clients(Apollo, Relay, etc) • Normalized client-side caching • Optimistic UI updates • Server-side rendering made easy • Auto-polling • Real-time subscriptions
- 14.
- 16. Client-first GraphQL GraphQL Schema WebApp REST API Gateway Server Browser
- 17. GraphQL Schema resolvesdata from existing REST API
- 18. Configure Apollo GraphQLto use “client-side” schema
- 19. Use GraphQL incomponents
- 20.
- 21. Moving GraphQL Schemato a standalone server GraphQL Schema Web App REST API Gateway Server Client Native App Mobile apps can start using GraphQL Same schema running on a NodeJS server
- 22. Replace REST APIGateway with GraphQL API GraphQL API Gateway Web App Microservice 1 Server Client Native App Microservice 2 Database
- 23.
- 24. Don’t be afraidto try
- 25. GraphQL on theClient - Example App - https://github.com/wzrdzl/client-side-graphql Amazing GraphQL Tutorials for Different Languages - https://www.howtographql.com/ GraphQL Specification - https://facebook.github.io/graphql/
- 26. Thank you Questions andcomments @wzrdzl @wzrdzl tech.showmax.com @ShowmaxDevs