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: /   / www.angular.love   LinkedIn: /   / angular-love   Twitter: /   / angularlovepl   ➡ House of Angular Official website: https://houseofangular.io/ Facebook: /   / houseofangular   LinkedIn: /   / house-of-angular   Twitter: /   / houseofangular   #angular #angulartutorials #angularbestpractices