Local Change Detection in Angular is easy with Signals
Ғылым және технология
In this video, you will see in a UI representation what the change detection looks like when an #angular application has a Default change detection strategy, what it looks like with OnPush change detection, and last but definitely not least what is the impact of a Local Change Detection.
You will also see how to handle the click events, and how the UI events affect our application using angular signals.
Chapters:
0:00 Intro
1:17 Default Change Detection Strategy
2:38 OnPush Change Detection Strategy
3:40 Local Change Detection Strategy
4:41 Handle the Click Events
6:37 Component Communication using Service
10:18 Thank you
✨ Repo:
github.com/profanis/codeShots...
🎉 CSS binary tree:
I followed the code from this codepen to generate the binary tree codepen.io/alvaromontoro/full...
******************************************************
Let's connect
******************************************************
Twitter: / prodromouf
LinkedIn: / prodromouf
#angular #learnAngular #angularTutorial #signals #angular17 #softwareengineer
Пікірлер: 24
Great explanation there man. Thanks a lot ❤️ Just one thing that I noticed is that you call .update fn to update signal value but still extract the signal’s value itself instead of using the one provided by default from the update fn itself. Just mentionin for not causing confusion. Thanks again🎉🎉
@CodeShotsWithProfanis
3 ай бұрын
ohh yeah. Thanks for that. It seems that I combined a syntax of set along with update :) The correct should be this.#counter.update((value) => value - 1); or this.#counter.set(this.#counter() - 1);
Exactly what I was looking for. Thanks!
this is really time saving
Excellent example! Well done!
@CodeShotsWithProfanis
18 күн бұрын
Many thanks! :)
Great demo!❤
@CodeShotsWithProfanis
Ай бұрын
Thank you! 🤗
Brilliant, can't wait for a full implementation of signals in Angular. Thanks for sharing Profanis. Please keep the tuts coming.
Thank you Fanis for very good explanation !!!
@CodeShotsWithProfanis
3 ай бұрын
Glad it was helpful!
Awesome Fanis!!!
Excellent video, congrats. One more subscriber
@CodeShotsWithProfanis
Ай бұрын
Thanks!! :)
Excellent tutorial ❤
@CodeShotsWithProfanis
3 ай бұрын
Glad you liked it!
Thanks sharing, It really a knowledge heavy video. I have request, Can you please share git repo for this code base
Great! How about new signal model? There is just a simple examples on angular dev. Can you please share on a new video complex signal model code base?
@CodeShotsWithProfanis
3 ай бұрын
Thanks for asking. Indeed the Signal Model will be one of my next videos
Cool!
Great
I didn't know this way of obtaining the click event using `fromEvent` from `RXJS`. Is it possible to obtain the same result as `fromEvent` in relation to ancestral components using something native to Angular?
@CodeShotsWithProfanis
Ай бұрын
I would expect the Signal Components (they are not yet there), or a zonelss change detection would do the trick natively. This is the PR of the zoneless provider github.com/angular/angular/pull/55329
@andersonantunes3287
Ай бұрын
@@CodeShotsWithProfanis Thanks for the information, I'll wait for the new version to test