Angular Munich
ng@18 vs. ng@19 wow... so much work inside...
ASAP FIXING (12m) work like a charm!
———
About this post 👆🏻...
If you’re using any service and come across a bug, a typo, or something else that seems off, don’t stay silent! Each bug report you submit not only helps improve the service but also saves future users from encountering the same issues that wasted your time. Your feedback can be a guiding light for others!
Remember, sharing your experiences builds a stronger community. When you report a problem, you’re contributing to a collective effort to enhance everyone’s experience. Together, we can create a smoother, more enjoyable environment for all users. So let’s embrace the spirit of 'one for all and all for one'—your insights matter!
———
About this post 👆🏻...
If you’re using any service and come across a bug, a typo, or something else that seems off, don’t stay silent! Each bug report you submit not only helps improve the service but also saves future users from encountering the same issues that wasted your time. Your feedback can be a guiding light for others!
Remember, sharing your experiences builds a stronger community. When you report a problem, you’re contributing to a collective effort to enhance everyone’s experience. Together, we can create a smoother, more enjoyable environment for all users. So let’s embrace the spirit of 'one for all and all for one'—your insights matter!
If ever Signals or other concepts related to Angular don’t meet your use case, 🛑 before creating a custom solution, take a moment to explore the ngxtension library.
It offers many interesting features specific to Angular, particularly around Signals. 🚀
For example, here’s how to perform HTTP Polling ⏳ using the `poll` function provided by ngxtension.
It offers many interesting features specific to Angular, particularly around Signals. 🚀
For example, here’s how to perform HTTP Polling ⏳ using the `poll` function provided by ngxtension.
🚀 Angular 19: New Signal Debugging Tools!
Now we can finally visualize and understand how signals flow through our components with debug names and dependency graphs! 🎯
This will allow us to know what reactive values and how do they connect with each other in our component.
Check the PRs:
- https://github.com/angular/angular/pull/57073
- https://github.com/angular/angular/pull/57074
#ng19 #angular #angular19 #signals
Now we can finally visualize and understand how signals flow through our components with debug names and dependency graphs! 🎯
This will allow us to know what reactive values and how do they connect with each other in our component.
Check the PRs:
- https://github.com/angular/angular/pull/57073
- https://github.com/angular/angular/pull/57074
#ng19 #angular #angular19 #signals
🔄 Important Angular Update: Deprecation of ngStyle and ngClass
#Angular is moving towards a more streamlined approach by deprecating the widely-used #ngStyle and #ngClass directives in favor of native style and class bindings.
🔍 Key Points:
- The native bindings provide similar functionality with reduced bundle size
- This change prioritizes performance and maintainability
- A migration guide will be provided
Check the PR:
https://github.com/angular/angular/pull/58860
#Angular is moving towards a more streamlined approach by deprecating the widely-used #ngStyle and #ngClass directives in favor of native style and class bindings.
🔍 Key Points:
- The native bindings provide similar functionality with reduced bundle size
- This change prioritizes performance and maintainability
- A migration guide will be provided
Check the PR:
https://github.com/angular/angular/pull/58860
Reset #angular reactive form values to their default instead of null ✅
When you create a reactive form in Angular, you can supply it with default values. But when you call the .reset() function, your values will be set to null values instead of the default values. This might not always be what you want to achieve, so how to reset to the default values 🤔
When you create a reactive form in Angular, you can supply it with default values. But when you call the .reset() function, your values will be set to null values instead of the default values. This might not always be what you want to achieve, so how to reset to the default values 🤔
👍1
Today is for me a "code review" day...
What I think about last PR's?!
https://www.youtube.com/watch?v=37e0pouHWO8&ab_channel=MusicBoxChannel%E2%99%AA
What I think about last PR's?!
https://www.youtube.com/watch?v=37e0pouHWO8&ab_channel=MusicBoxChannel%E2%99%AA
YouTube
Tic Tac Toe - Warum (Official HD Video 1997)
T3ic Tac Toe - Warum? [HD]
#TicTacToe #Warum #VerpissDich
#TicTacToe #Warum #VerpissDich
🛠 Angular 19 improves how components with empty styles are handled. When a component’s styles or CSS files are empty, Angular sets encapsulation to None, preventing unnecessary attributes like “_ngcontent-ng-c885857805” from being added to HTML elements.
This update benefits projects using utility-first CSS frameworks like Tailwind CSS, where unused CSS files were sometimes not removed.
🎯 Key Benefits:
- Less runtime overhead work for scoping styles
- Lighter HTML documents in SSR response because of fewer attributes
- Applies to styleUrl, styleUrls and styles
⚠️ Note: This optimization is applied only in production builds.
#angular #angularlove #angulartips #frontend
This update benefits projects using utility-first CSS frameworks like Tailwind CSS, where unused CSS files were sometimes not removed.
🎯 Key Benefits:
- Less runtime overhead work for scoping styles
- Lighter HTML documents in SSR response because of fewer attributes
- Applies to styleUrl, styleUrls and styles
⚠️ Note: This optimization is applied only in production builds.
#angular #angularlove #angulartips #frontend
🗺 Server Route Config
ℹ️ What is it?
Server Route Config allows dynamic route definitions to be loaded from a server at runtime. This is particularly useful for applications where routes depend on external factors like user roles, permissions, or configuration files.
⁉️ Why it matters:
🚀 Dynamic Routing
Routes can adapt to changing application needs without requiring hardcoding or a rebuild.
🤌 Simplified Configuration
Centralized server-side route definitions reduce redundancy and simplify management.
🪪 Improved Security
By controlling routes on the server, you minimize the risk of exposing unauthorized pages to the client.
💡 Use Cases:
Multi-tenant applications where routes vary by tenant.
Feature flags that enable or disable specific routes based on user roles.
ℹ️ What is it?
Server Route Config allows dynamic route definitions to be loaded from a server at runtime. This is particularly useful for applications where routes depend on external factors like user roles, permissions, or configuration files.
⁉️ Why it matters:
🚀 Dynamic Routing
Routes can adapt to changing application needs without requiring hardcoding or a rebuild.
🤌 Simplified Configuration
Centralized server-side route definitions reduce redundancy and simplify management.
🪪 Improved Security
By controlling routes on the server, you minimize the risk of exposing unauthorized pages to the client.
💡 Use Cases:
Multi-tenant applications where routes vary by tenant.
Feature flags that enable or disable specific routes based on user roles.
The Missing Ingredient for Angular Template Code Coverage and Future-Proof Testing
https://marmicode.io/blog/angular-template-code-coverage-and-future-proof-testing
https://marmicode.io/blog/angular-template-code-coverage-and-future-proof-testing
🔥2
It's a MOOOOOOOOONNNDDDDAAAAAYYYY!!! Wake UP PPL!
https://www.youtube.com/watch?v=swXWUfufu2w&ab_channel=Deno
https://www.youtube.com/watch?v=swXWUfufu2w&ab_channel=Deno
YouTube
Programming Should Be Simple
Deno is an all-in-one batteries included JavaScript and TypeScript toolchain.
Learn Deno in our new bite-sized tutorial series: https://deno.co/learn-deno
Website: https://deno.com
GitHub: https://github.com/denoland
Discord: https://discord.gg/deno
Twitter:…
Learn Deno in our new bite-sized tutorial series: https://deno.co/learn-deno
Website: https://deno.com
GitHub: https://github.com/denoland
Discord: https://discord.gg/deno
Twitter:…