GraphQL at Any Level of Your Stack

on YouTube ↗31m

" summary

Covers how GraphQL becomes an operational layer across backend and frontend: The Guild’s ecosystem and a real Angular client Apollo Angular integrate with Angular HTTP and RxJS to provide normalization, caching, batching, pagination and garbage collection. Demonstrates concrete patterns: cache-and-network and network-only fetch policies, optimistic UI that updates votes immediately, hover-triggered prefetching, and generated TypeScript services via code generation so queries, variables and results are strongly typed and plumbed into components without manual reducers. KLM is cited as a production user.

AI-written summary · about

" chapters (9)

1. 0:00Start
2. 4:02WHAT IS GRAPHOL
3. 6:36GRAPHOL MEANS FUNCTIONS
4. 7:22GRAPHOL BY EXAMPLE
5. 13:08PROBLEMS WITH THIS ARCHITECTURE
6. 14:27GUESS THE SHAPE OF THE STORE
7. 21:37CONTROL CACHE AND NETWORK
8. 26:12PREFETCHING
9. 27:33CODE GENERATION

" related talks

• 24mThe future of Angular client-server communication with GraphQLUri Goldshtein, Kamil Kisiela · NG Poland 2016
• 11mAngular 2 love at first sight with GraphQLGerard Sans · ng-europe 2016
• 26mAngular + GraphQL. We do it because we can!Natalia Venditto · AngularNL 2019
• 46mUnleashing the power of GraphQL using Angular 2Gerard Sans · NG-BE 2016
• 26mAngular and GraphQL – A modern API for a modern PlatformUri Goldshtein · ng-conf 2017
• 45mComponent based API for your Angular Components with GraphQLUri Goldshtein · NG-NL 2017
• 24mBuilding Reactive GraphQL Apps With ApolloMartijn Walraven · React Amsterdam 2016
• 38mModernize your Angular apps with GraphQLUri Goldshtein · Angular Camp 2016