Angular πŸ‡ΊπŸ‡¦ - practical notes
1.63K subscribers
1.6K photos
1 file
532 links
Angular - practical notes

This group is for posting practical notes for Angular developers. Mostly all posts are for quick implementation https://t.me/angular_practical_notes (Commenting on posts only in ENG and UA langs here). Welcome!
Download Telegram
πŸ“„ How to Set Up SonarQube with Angular

#angular #sonarqube

SonarQube is a powerful open-source platform that allows developers to assess and enhance the quality of their code. By providing insights into code issues, maintainability, and adherence to coding standards, SonarQube helps maintain code integrity and improve overall software quality. In this article, we will guide you through the process of setting up SonarQube for your Angular application, ensuring that you can continuously monitor and enhance your codebase.


πŸ”—SonarQube link βœ… Article link
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘1
πŸ“„ Deactivate Route Guards in Angular

#angular #guard #ui_element

The CanDeactivate route guard in Angular is responsible for determining if a route can be deactivated. It is commonly used when you want to check if the user is allowed to leave a particular component or route, perhaps due to unsaved changes or other dynamic conditions.


βœ… Article link
πŸ”₯2
πŸ§ͺ Attribute Injection in Angular: The HostAttributeToken Approach

#angular #decorator #attribute

Angular offers the @ Attribute decorator, facilitating the injection of attributes from the host node. It proves particularly handy when there’s no necessity to establish a binding.


🚩 > Angular 17.3

βœ… Article link
πŸ‘1
πŸ€“ Angular Signals - Short Example

#angular #signals

βœ… Article link
πŸ‘1
Hello everybody! Our channel is growing every day, which makes me start investing more tine in the channel. By the way, I decided to update the logo. Please share your thoughts on the new logo.
Final Results
86%
Cool!
14%
Old was better:(
πŸ‘2
One more poll for today.
Currently in the development of a emoji pack for visual accompaniment of articles and additional content for a paid sub of 5$/mo (huge articles and mini projects, this decision won't affect the old approach of publications).
Final Results
50%
Nice!
50%
Not interested.
πŸ“„ Angular v17 with TanStack Angular Query

#angular #guide #TanStack

Managing API interactions in Angular projects often involves repetitive logic, leading to code duplication, increased maintenance burden, and potential state management complexities. While "@ tanstack/angular-query-experimentaloffers" a robust solution, it's important to note that this package is still under experimental development. Instead, for Angular v17 projects specifically, consider utilizing the stable "@ tanstack/angular-query-experimental" package.


$ npm install @tanstack/query-angular-experimental @tanstack/angular-query-devtools-experimental


πŸ”— TanStack link βœ… Article link 🎁 Code Link
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
😱1
ℹ️ Angular History of Updates 1/2

#angular #info

βœ… Article link
πŸ‘3