Component based API for your Angular Components with GraphQL

on YouTube ↗45m

" summary

Shows how GraphQL plus Apollo turns component-local queries into a single network fetch by merging and normalizing queries so Angular components stay encapsulated and caches stay consistent. Demonstrates using apollo-angular watchQuery observables, optimisticResponse updates for instant UI, cache reads and writes instead of a separate Redux store, and subscriptions over WebSocket for server pushes. Includes concrete example of stitching GitHub API and an internal DB behind one schema and working mutation patterns.

AI-written summary · about

" chapters (11)

1. 0:00Introduction to GraphQL
2. 3:40GraphQL basics and history
3. 6:07REST vs. GraphQL challenges
4. 9:16Core benefits of GraphQL
5. 12:22GraphQL in action
6. 15:48Implementing in Angular
7. 20:50Advanced component architecture
8. 26:53Mutations and performance
9. 32:28State management integration
10. 36:53Backend implementation
11. 40:22Real-time subscriptions

" 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
• 38mModernize your Angular apps with GraphQLUri Goldshtein · Angular Camp 2016
• 26mAngular and GraphQL – A modern API for a modern PlatformUri Goldshtein · ng-conf 2017
• 26mAngular + GraphQL. We do it because we can!Natalia Venditto · AngularNL 2019
• 31mGraphQL at Any Level of Your StackKamil Kisiela · NG-MY 2019
• 46mUnleashing the power of GraphQL using Angular 2Gerard Sans · NG-BE 2016
• 28mGraphQL-AnywhereUri Goldshtein, Kamil Kisiela · AngularConnect 2017