Angular Munich – Telegram
Angular Munich
179 subscribers
554 photos
41 videos
9 files
705 links
Stay up to date with Angular Framework ;-)

Need more: https://linktr.ee/ngxsamurai
Download Telegram
Channel name was changed to «Memoirs of a @ngxSamurai»
There is sometimes a good reason why you should visit your office…. #food4free 😅😂😂😂😂😂
Interview with one of the authors of the newly released RFC.


https://www.youtube.com/live/mORR3hpMaJQ
Overwrite the default QueryParamsHandling in #Angular 🔀


In Angular v18.2, the option to set a different default option for your QueryParamsHandling was added. You can change it by setting the defaultQueryParamsHandling property inside your withRouterConfig 💡

It's set to replace by default, but you can also use preserve or merge

1️⃣ merge: Merge new parameters with current parameters.
2️⃣ preserve: Preserve current parameters.
3️⃣ replace: Replace current parameters with new parameters.

Merge can be helpful when you want to inherit query parameters from a parent route and add additional query parameters to the child route 💭

The preserve option is beneficial in scenarios like pagination, where the current page number must be retained across navigations. It also helps to keep form input values intact when switching between components.

However, using QueryParamsHandlingPreserve has some downsides. For instance, it can create complications with browser history❗️
#Angular search results on #Google getting wild 😅
Happy International Programmers' Day 2024!!!



May The Force Be With You!
🎉4
🌐 The Evolution of Angular: A Game-Changer in Web Development 🚀

Since its inception in 2010, Angular has significantly evolved, revolutionizing the way we build web applications. Initially released as AngularJS, this JavaScript framework was designed to simplify the development of dynamic web pages. However, its true transformation began in 2016 with the release of Angular 2, marking a complete rewrite and shift towards TypeScript, improved performance, and modularity.
🧙🏻‍♂️ Top npm packages

https://docs.google.com/spreadsheets/u/0/d/1oYJxQgMA7lQ6-wNaBKNNDz6vr3Yaa1EDsI_Hakr4ROg/htmlview#

Just to check what we download mostly ^_^

But why we have color-packages in the top?! ) is this a killer feature in your projects????? 🙈
It's official! Angular Redux has hit its v1.0 release!

This means that we're confident in its ability to be used in production applications and should be reliable enough to use today.

We have robust testing infrastructure in place and ported nearly all tests from React Redux!


Check out the v1 release of Angular Redux here: https://angular-redux.js.org/
#Angular facts.

Stop using effect as a go to solution. Computed is your best friend.

Effect has its place.
But should be abstracted away as high as possible!
Let the party begin!
🛠 Mastering the Adapter Pattern in #angular

When developing Angular applications, we often interact with external APIs, databases, or third-party libraries. These external sources might not always return data in the format we need.

That's where the #Adapter Pattern shines!

The Adapter Pattern acts as a bridge between two incompatible interfaces. It allows you to wrap an external API or service so that the returned data can be adapted into a format that fits your application's needs. This pattern is especially powerful when you're working with APIs that you don’t control and can't modify.
🔥 We just landed a change that enables server rendering configuration

In server route config specify:
‣ Render mode (client, server, app shell, prerender)
‣ Headers and status code
‣ Resolve parameters of parameterized routes at prerender-time

The render mode instructs if Angular should render a route on the client, the server, prerender it, or partially prerender it (app shell).

Coming to v19!

#angular #typenoscript #programming #webdev #webdevelopment #webperformance

(c) Minko Gechev
Forwarded from Angular Munich Chat
🌟 Angular 19 will bring these APIs to STABLE! 🚀

What to expect:
🔹 input(), output() and model() APIs as stable
🔹 @let syntax as stable

This is one more reason to migrate to Signals!

#angular #signals

(c) Amos Lucian Isaila Onofrei