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
πŸ€“ 13 HTML Attributes You Should Know

#html #attributes

...In HTML, attributes are used to provide additional information about HTML elements...


βœ… Article link
🫠 Circular References in JavaScript

#js #info #BestPractics

...A circular reference, also known as a circular dependency, occurs when two or more objects reference each other in a way that creates an endless loop...


Why Circular References Matters:

1. Memory Management:
β€” Circular references can prevent objects from being garbage collected by JavaScript’s memory management system.
β€” This can lead to memory leaks, where memory is consumed unnecessarily, potentially causing your application to slow down or crash.

2. Behavioral Issues:
β€” Circular references can cause unexpected behavior in your code, making it challenging to predict how your program will behave.

3. Debugging Difficulty:
β€” Identifying and debugging issues related to circular references can be complex, especially in large codebases.

βœ… Article link
πŸ‘1
πŸ“„ 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