Angular + GraphQL. We do it because we can!

on YouTube ↗26m

" summary

Prototype shows a working Angular + GraphQL stack: a Node Express server with Express + express-graphql on port 8000 (CORS whitelisted), a client using Apollo Angular client and GraphiQL, and a page rendering “thousands” of cat images that actually lazy‑load via IntersectionObserver lazy-loading. Code and Sass mixins for CSS grid replace heavy UI libraries, demo logs confirm images load incrementally (three initially then more on scroll), and repository links are provided.

AI-written summary · about

" chapters (4)

1. 0:00Start
2. 12:47Querying the Data
3. 15:28use native browser calculations, to determine whether or not, an item is in the viewport and makes sense to request it = INTERSECTION OBSERVER API
4. 20:49use native CSS grid layout and avoid css frameworks clutter and pollution

" related talks

• 29mAn Angular Front For Your APITara Z. Manicsic · ngVikings 2018
• 11mAngular 2 love at first sight with GraphQLGerard Sans · ng-europe 2016
• 59mGoodbye REST; Hello GraphQLSandeep Singh · NDC Oslo 2017
• 26mAngular and GraphQL – A modern API for a modern PlatformUri Goldshtein · ng-conf 2017
• 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
• 31mGraphQL at Any Level of Your StackKamil Kisiela · NG-MY 2019