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
🤖 A step-by-step guide to integrating Google Gemini into your Angular applications.

In this post, you are going to learn how to access Gemini APIs to create the next generation of AI-enabled Applications using Angular.
Angular Munich pinned «https://www.angulararchitects.io/successful-with-signals-in-angular-patterns-for-your-architecture/#register»
Optional RxJS in #Angular

If you still didn’t hear the news.

- new output() removes
underlying RxJS dependency.

"Old" EventEmitter extends #RxJS Subject.
"New" OutputEmitterRef doesn't.

Reactive Forms next?

--------------------------
More: https://t.co/4HKu9YRpB6
👍1
LocalStorage + Signals = 🔥

This is a simple utility wrapper on a writable signal which is monkey patched to also store the value into local storage such that your signals have memory 😉

#angular #angular17 #typenoscript #signals #javanoscript
In #Angular v18, ZoneJs will become optional, and we get a new way of change detection 🎇

This is a huge step for Angular and enables local change detection, where a component just notifies Angular when something changes instead of relying on ZoneJs to alert the Angular framework of changes 👏

The new approach will still be experimental, but you can try it out (when v18 drops) with a simple configuration in your root providers array ⬇️

You can safely use the new approach if you're using ChangeDetectionStrategy.OnPush, Observables with the ASYNC pipe or Signals for your template bindings.
👍1🔥1
❤️
😂
Efficient Patterns for Effects

Angular's signals have been quite a revolution since they came out, from new state management approach to a brand new way of rethinking reactivity within applications, signals have deeply influenced the framework's ecosystem.

While most of its primitives are stable, effect is still in developer preview as of the time I'm writing this article, and can often lead to errors or warnings.

In this post, we will cover the basics of the usage of effect, some tips and tricks I use, and showcase a way to enhance their behavior.


https://dev.to/this-is-angular/efficient-angular-effects-patterns-4396
Al generated text with AI generated Music
👏1
Audio
😁3
Angular Munich pinned «First Follower: Leadership Lessons from the Dancing Guy https://www.youtube.com/watch?v=QaHOP0eL8ko&ab_channel=SergeyShlyapnikov»
🗣️ CLI UX best practices: 3 patterns for improving progress displays

Enhance the way your CLIs report progress to users. While there are many developer experience improvements we could make to most command-line apps, I see this one as absolutely essential. If you are creating an app or a shell noscript for a terminal emulator and you’re pressed for time but can only squeeze in one more improvement, make sure it is how your app displays progress for long-running processes.


https://evilmartians.com/chronicles/cli-ux-best-practices-3-patterns-for-improving-progress-displays
"Choose an integer between 1 and 100."

The number 42 is not just a whole number. Thanks to The Hitchhiker's Guide to the Galaxy (link) by Douglas Adams, where 42 counts as (link) "the answer to the ultimate question of life, the universe and everything", GPT is biased towards it.
1🔥1
Angular 18🔥 is going to release in May 2024 with the below exciting features.

1. New Angular build system package @angular/build.
2. Default Hybrid change detection mode.
3. Improved content projection .
4. Stable Material 3 components.
5. Supports native async/await when app is zoneless.
6. Supports Node.js v22.
7. Supports Hydration for i18n.

And lot more interesting features are coming in version 18.
🔥2🫡2