🧙🏻♂️ Protect your Angular app from infinite change detection loops
https://justangular.com/blog/protect-your-app-from-infinite-change-detection
Lately, Angular introduced signals, which are wonderfully powerful and greatly simplify the way we write Angular applications...
https://justangular.com/blog/protect-your-app-from-infinite-change-detection
🧙🏻♂️ OnPush + Signals = Local Change Detection
OnPush without Signals
- marks entire component branches for checking.
OnPush with Signals:
- marks components directly affected by the signal change.
‼️ Available since v17
#angular
OnPush without Signals
- marks entire component branches for checking.
OnPush with Signals:
- marks components directly affected by the signal change.
‼️ Available since v17
#angular
The demo aims to teach the basics of the Angular compiler.
The angular template compiler transforms angular templates (HTML) into javanoscript.
The templates are compiled into view functions made of sequential calls of instructions.
Angular instructions are functions that are easily recognizable with their leading ɵɵ.
https://jeanmeche.github.io/angular-compiler-output/
🤖 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.
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
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
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.
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
https://dev.to/this-is-angular/efficient-angular-effects-patterns-4396
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