🚨COMING SOON in Angular 17.2: SIGNAL COMPONENTS One Step Closer

Рет қаралды 7,988

Күн бұрын

Check out the courses in the Angular University - angular-university.io/
A quick summary of the content of the upcoming Angular 17.2 release!
Timestamps:
0:00 Intro
1:57 The new viewChild API
05:54 The new viewChildren API
06:27 The new model two-way binding API
09:14 Summary
Free content at the Angular University:
- 20% of our lessons are free, you don't have to login to watch the lessons. The free lessons are the ones with the P (Pro) - angular-university.io
- Watch the free Angular For Beginners Course - angular-university.io/course/...
Follow me:
Twitter - / angularuniv
Facebook - / angular.university
KZfaq - / @angularuniversity
Instagram - / angular.university
LinkedIn - / angular-university
TikTok - / angularuniversity
Threads - www.threads.net/@angular.univ...

Пікірлер: 37

@AngularUniversity 4 ай бұрын

Urgent upload everyone 😉 Angular 17.2 release candidate is out Check out the courses in the Angular University - angular-university.io/

@BBrooks96 4 ай бұрын

Best Angular channel on youtube!! Always keeps me using the latest features!

@AngularUniversity 4 ай бұрын

Thank you so much, it's awesome to hear that. I'll keep the videos coming 😊

@PeterKlausSchmelzer 26 күн бұрын

That is helpful.. ty..

@panospcm 4 ай бұрын

Thanks for nice tutorial! whats the difference between ngModel and signal-based model?

@AngularUniversity 4 ай бұрын

The main difference is the API, that it's signal-based or not. But the syntax and the concept is equivalent.

@LarsRyeJeppesen 4 ай бұрын

And now it's out. Great

@AngularUniversity 4 ай бұрын

Yes it was just out less than a day ago 👍😊

@Vega2Juan 4 ай бұрын

I enjoy watching these videos and they're extremely helpful. But do you have the source code available somewhere?

@AngularUniversity 4 ай бұрын

Thank you, it's awesome to hear that😊 I have them in a private repo, but my courses all have public repos you can find them here github.com/angular-university/

@aram5642 4 ай бұрын

I wonder how you'd solve loading a component dynamically, in response to a dropdown selection, and then setting some values to the newly loaded one (this usually requires a tick to pass before the component becomes ready). I tried that using signal view child and I failed.

@AngularUniversity 4 ай бұрын

Try to load the component dynamically using the new @defer functionality instead of doing it manually blog.angular-university.io/angular-defer/

@aram5642 4 ай бұрын

@@AngularUniversity Thank you. I did, and I also used on timer(1) to "emulate" the tick needed, but I'm still not getting the reference to viewChild. Could be that I need to learn more ;-) Thanks for this great blog post about defer, by the way!

@nathanalberg 4 ай бұрын

with the model example... can parentCounter be a signal? instead of a standard variable?

@AngularUniversity 4 ай бұрын

That's a very good question, but no I just tried it and it least of right now, it doesn't work.

@yankotliarov9239 4 ай бұрын

Model signal is essentially the same as before which used (valueChange)="value = $event" under the hood If you want signal to signal binding you can just pass signal as input without reading from it [signalValue]="value". value = signal()

@alex.zaslavskyi 4 ай бұрын

I've heard that passing signal without reading it is anti-pattern. I just tried to declare parentCounter as model() as well and looks like it's working. I have model signals on both sides, parent component and child component. I don't know if it's good or bad, but it works)

@Niachan666 4 ай бұрын

nice

@AngularUniversity 4 ай бұрын

Thanks 😊

@LarsRyeJeppesen 4 ай бұрын

Kids, do not use 2 way binding.

@AngularUniversity 4 ай бұрын

Agreed Lars 😉 You just gave me an idea for another Mistakes video 😊👍

@manojht8036 4 ай бұрын

I agree with him. Fully 🥲 because I am seeing 6 years old code which is very difficult to manage especially because I am the only one present in the team

@molnarszabby 4 ай бұрын

@@AngularUniversity I would be really curious of this mistakes video. When do you plan releasing such a video? Thanks in advance!

@AngularUniversity 4 ай бұрын

@@molnarszabby Here is the Angular Mistakes playlist kzfaq.info/get/bejne/adWhYMqfqeDeaZ8.html Enjoy 😉

@molnarszabby 4 ай бұрын

@@AngularUniversity thanks a lot mate 😄

@LarsRyeJeppesen 4 ай бұрын

17.2 it not out, just Release Candidate

@AngularUniversity 4 ай бұрын

Correct, I meant 17.2 coming soon, it's still on RC0 👍😊

@jamienordmeyer4345 4 ай бұрын

Looks like it's out today.

@michelvandermeiren8661 4 ай бұрын

Fed up with those ultra complex UI frameworks

@AngularUniversity 4 ай бұрын

Angular is simpler than it sounds, especially if you use async/await and don't overuse RxJs. It's going to become even simpler with Signals. 😊

@muditkhanna4795 4 ай бұрын

Why cant anyone explain signals with a better example other than counter? We need real world problems like tackling apis, complex objects. Who cares about counter?

@AngularUniversity 4 ай бұрын

coming soon on this channel, stay tuned 😉