New feature: Angular's performance in DevTools performance panel ⚙️
It is a global function for performance profiling 𝐞𝐧𝐚𝐛𝐥𝐞𝐏𝐫𝐨𝐟𝐢𝐥𝐢𝐧𝐠()
It allows to see Angular-specific data visualization when recording a performance profile directly in the Chrome DevTools.
More details in PR ➡️ https://github.com/angular/angular/pull/60789
———
@angularMunich
It is a global function for performance profiling 𝐞𝐧𝐚𝐛𝐥𝐞𝐏𝐫𝐨𝐟𝐢𝐥𝐢𝐧𝐠()
It allows to see Angular-specific data visualization when recording a performance profile directly in the Chrome DevTools.
More details in PR ➡️ https://github.com/angular/angular/pull/60789
———
@angularMunich
🔥3
✨ Integrating HttpResource with HttpInterceptors
While HttpResource simplifies working with HTTP requests, real-world applications often require more than just basic data loading. You might need to log request durations, modify headers, or globally handle errors.
As HttpResource relies on HttpClient, you can utilize HttpInterceptors. These interceptors enable you to intercept and process both HTTP requests and responses, allowing you to implement custom logic during data retrieval.
https://dev.to/railsstudent/integrating-angulars-httpresource-with-httpinterceptors-48io
———
@angularMunich
While HttpResource simplifies working with HTTP requests, real-world applications often require more than just basic data loading. You might need to log request durations, modify headers, or globally handle errors.
As HttpResource relies on HttpClient, you can utilize HttpInterceptors. These interceptors enable you to intercept and process both HTTP requests and responses, allowing you to implement custom logic during data retrieval.
https://dev.to/railsstudent/integrating-angulars-httpresource-with-httpinterceptors-48io
———
@angularMunich
🥰2
Webinar: Schneller entwickeln mit Angular, GitHub Copilot und ChatGPT (Daniel Sogl)
Link: https://www.thinktecture.com/webinare/schneller-entwickeln-mit-angular-github-copilot-und-chatgpt/
#webinar #zoom
Link: https://www.thinktecture.com/webinare/schneller-entwickeln-mit-angular-github-copilot-und-chatgpt/
#webinar #zoom
‼️ 𝕬𝖓𝖌𝖚𝖑𝖆𝖗 𝕽𝖊𝖑𝖊𝖆𝖘𝖊 - v19.2.7
Contain diverse fixes and optimisations!
Link
#angular #angularRelease #angular19 #ng19
———
@angularMunich
Contain diverse fixes and optimisations!
Link
#angular #angularRelease #angular19 #ng19
———
@angularMunich
Today is a day of "enums"! 😉
https://www.angularspace.com/breaking-the-enum-habit-why-typenoscript-developers-need-a-new-approach/
https://www.angularspace.com/breaking-the-enum-habit-why-typenoscript-developers-need-a-new-approach/
Angular Space
Breaking the Enum Habit: Why TypeScript Developers Need a New Approach
There is a lot of talk within the Angular and TypeScript community as a whole about the usage of enums. It seems to be a hill both proponents and opponents are willing to die on and defend harshly. Enums are a commonly used TypeScript feature that offers…
🥱1
Angular Munich
Today is a day of "enums"! 😉 https://www.angularspace.com/breaking-the-enum-habit-why-typenoscript-developers-need-a-new-approach/
And possible this will be fine to watch too:
https://www.youtube.com/watch?v=jjMbPt_H3RQ&ab_channel=MattPocock
https://www.youtube.com/watch?v=jjMbPt_H3RQ&ab_channel=MattPocock
YouTube
Enums considered harmful
TypeScript enums are not great. In almost all cases, I use an 'as const' with a sprinkling of type magic to express them.
Become a TypeScript Wizard with Matt's TypeScript Course:
https://www.totaltypenoscript.com/
Follow Matt on Twitter
https://twitte…
Become a TypeScript Wizard with Matt's TypeScript Course:
https://www.totaltypenoscript.com/
Follow Matt on Twitter
https://twitte…
❤2🔥1😐1💋1
Use Angular's dependency injection in your node apps with injection-js!
v2.5.0 allows you to get dependencies with the inject function
Practically it's Angular's former reflective injector, but has identical API ✨
https://www.npmjs.com/package/injection-js
v2.5.0 allows you to get dependencies with the inject function
Practically it's Angular's former reflective injector, but has identical API ✨
https://www.npmjs.com/package/injection-js
❤2
Clean state with services: expose only readonly data 🔒
Why?
1. encapsulation & control
2. predictable state writes
3. avoiding side effects
#signals
Why?
1. encapsulation & control
2. predictable state writes
3. avoiding side effects
#signals
❤1👍1😇1
Join us for an exciting #AngularToronto🎙 session with Rainer Hahnekamp as we explore how to evolve your Angular architecture from simple to scalable.
Angular offers a great starting point out of the box - but as your app and team grow, how do you keep things maintainable? We’ll walk through a real-world journey: from a basic feature module to a layered architecture using domains, sub-modules, and ports & adapters. 🚀
🔍 Topics we’ll cover:
✅ When and how to introduce #MicroFrontends
✅ Enforcing clean boundaries with #Sheriff
✅ Practical tips to avoid chaos as your codebase expands
📅 If you’re passionate about scalable architecture, team collaboration, and maintainable #Angular, this is the episode for you!
https://guild.host/events/evolving-architecture-dlai4u
Guild
Evolving Architecture
May 1st 5:00PM: Angular gives you a lot out of the box - but making it scale is up to you. In this talk, we’ll start with a basic feature module and evolve it step-by-step: introducing sub-modules, domains, and ports & adapters to create clear boundaries.…