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
๐Ÿ“„ JavaScript โ€” Whatโ€™s new with ECMAScriptยฎ 2024 (ES15)

#js #es2024

....According to the ECMAScript 2024 Internationalization API Specification (ECMA-402 11th Edition) several features are slated for inclusion in ES2024....


๐Ÿงช Remember, the pipeline operator is still in โ€œDraftโ€, Stage 2 of TC39.

๐Ÿงช Records and Tuples in Stage 2 of proposal and not yet implemented in JavaScript engines (use Babel).

๐Ÿงช Realm in Stage 3 of proposal and not yet implemented.

๐Ÿ—ฃ I donโ€™t know why the author included non-working features in the article, but I left them in the post just FYI


โœ… Article link
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
โค1
๐Ÿ“„ @switch vs ngSwitch โ€” Angular 17: The newest version of Angular

#angular #switch #ngSwitch

โœ… Article link
๐Ÿ‘2
๐Ÿ“„ Master Angular 17.1 and 17.2

#angular #ngOptimizedImage

๐ŸŽฏChanges and new features
In this article, I list out the most important changes and new features, also share resources that will teach you how these new Angular features work:

โ€” Model signal inputs
โ€” View queries and component queries as signals
โ€” ngOptimizedImage: Automatic placeholders
โ€” ngOptimizedImage: Netlify image loader support
โ€” Angular CLI: clearScreen option support
โ€” Angular CLI: define option for declaring global identifiers


โœ… Article link
๐Ÿ‘2
๐Ÿ“„ Angularโ€™s GoF patterns. Factory Method.

#angular #patterns

Advantages:

โ€” Flexibility and expandability: Allows for easy introduction of new types of products without changing existing code.
โ€” Reducing dependencies: The Factory Method reduces the direct dependency between classes that create and use objects, making code modification and testing simpler.
โ€” Ease of maintenance and updates: Code using the pattern is easier to maintain and update, as adding a new type of product often doesnโ€™t require changes to the existing code that uses the factory.


Disadvantages:

โ€” Complex architecture: Using Factory Method can complicate application architecture, especially when used unnecessarily or in simple scenarios.
โ€” Code bloat: Creating many factory methods and classes can overload the code, making it hard to understand, particularly for new developers.
โ€” Performance issues: In some cases, particularly with incorrect implementation, Factory Method can affect application performance due to additional method calls and object creations.
โ€” Debugging difficulty: Following this pattern can make debugging harder since the actual object creation is hidden within the factory method, complicating error tracking.
โ€” Need for careful planning: Effective use of Factory Method requires detailed planning and understanding of when and what objects should be created. Planning errors can lead to incorrect or excessive implementation.
โ€” Limited flexibility in some scenarios: While Factory Method provides flexibility in object creation, it can be limited in scenarios requiring very dynamic or conditional object creation.
โ€” Not suitable for simple applications: For small or simple applications with a relatively static structure, using Factory Method might be unnecessary and complicate the project.


โœ… Article link
๐Ÿ‘2
๐Ÿ“„ Simple Unsaved Data Changes Guard in Angular 17+

#angular #guard #ui_element

...when a user wants to navigate to other routes having pending data changes in the current page...


โœ… Article link
๐Ÿ‘5