Breaking New Ground with Angular Query — Krzysztof Skorupka, Angular Architect

Inspired by the well-established effectiveness of TanStack Query in various frameworks, Angular Query presents a fresh paradigm for managing a server state in Angular applications. The library streamlines tasks such as data fetching, caching, and server-side data synchronization, featuring intuitive, declarative APIs and minimal configuration requirements. Let’s explore its potential within the Angular ecosystem.

Speaker:
Krzysztof Skorupka guides team members and helps them develop a senior software engineer skill set. He also develops Angular web apps himself. He is keen on business analysis and web app architecture tailored to project needs.

******

This talk is part of Spring Camp (May 21, 2024) hosted by Angular.love—a community for Angular developers. We organize meetups and share resources on our blog to create a space where developers can connect and learn.

Check out our meetup page (https://meetup.angular.love) to join future events and visit the Angular.love blog (https://angular.love) for more insights and resources.

Timestamps:
0:00 - Introduction
01:29 - Main lecturer's short introduction
01:45 - TanStack Query what is it
02:56 - How Angular Query is built
03:18 - Angular Adapter - a short recap
03:24 - @ngneat/query - basic info
04:01 - @tanstack/angular-query-experimental - basic info
04:55 - @tanstack/angular-query-experimental - which block build this library
05:56 - What is a Query?
08:06 - FetchStatus - what is it, and why do we need it
09:41 - InjectQuery - picked 3 of the most common options - a short recap
12:13 - How should we use Query Keys?
14:39 - How do we organize Queries in our code?
17:24 - What is a Query Client?
19:07 - How can we set up a Query Client?
20:03 - How can we initialize mutation?
21:29 - More concepts that are used in @tanstack
24:27 - Devtools dedicated to debugging Angular Query application
25:54 - Demonstration start
34:26 - Q&A

Follow:
➡ Angular Love
Blog: https://www.angular.love/
Facebook: / https://www.facebook.com/www.angular.love
LinkedIn: / https://www.linkedin.com/company/angular-love/
Twitter: / https://twitter.com/AngularLovePL

➡ House of Angular
Official website: https://houseofangular.io/
Facebook: / https://www.facebook.com/houseofangular
LinkedIn: / https://www.linkedin.com/company/house-of-angular/
Twitter: / https://twitter.com/HouseOfAngular

#angular #angulartutorials #angularbestpractices

Видео Breaking New Ground with Angular Query — Krzysztof Skorupka, Angular Architect канала Angular Love