Angular 2 love at first sight with GraphQL

on YouTube ↗11m

" summary

Angular 2 connects to a GraphQL backend using Apollo Client and an Express server with graphql‑tag for static query parsing, enabling IDE previews via GraphiQL. Apollo merges multiple component queries into a single HTTP request, provides caching and optional Redux integration, and returns exactly the fields requested, cutting many REST endpoints to one. Examples use public GitHub and Twitter schemas; claims are that query merging, cache hits, and one‑endpoint consolidation noticeably reduce network calls.

AI-written summary · about

" chapters (4)

1. 0:00Intro
2. 2:00What is GraphQL
3. 9:02GraphQL Tool
4. 9:45Conclusion

" related talks

• 24mThe future of Angular client-server communication with GraphQLUri Goldshtein, Kamil Kisiela · NG Poland 2016
• 38mModernize your Angular apps with GraphQLUri Goldshtein · Angular Camp 2016
• 46mUnleashing the power of GraphQL using Angular 2Gerard Sans · NG-BE 2016
• 26mAngular + GraphQL. We do it because we can!Natalia Venditto · AngularNL 2019
• 45mComponent based API for your Angular Components with GraphQLUri Goldshtein · NG-NL 2017
• 26mAngular and GraphQL – A modern API for a modern PlatformUri Goldshtein · ng-conf 2017
• 31mGraphQL at Any Level of Your StackKamil Kisiela · NG-MY 2019
• 59mGoodbye REST; Hello GraphQLSandeep Singh · NDC Oslo 2017