💥 Angular Signal Inputs (COMING SOON in Angular 17.1) #angular

In this video we are going to cover a new feature in the upcoming Angular 17.1 release: Angular Signal Inputs.

We will see how signal inputs are an alternative to the traditional @Input decorator, and we will demo how they provide an alternative to the OnChanges lifecycle hook.

Related short form videos:

Related articles on the Angular University blog:

Timestamps:

0:00 Intro
0:40 Coverting @Input to Signal Inputs
5:23 replacing OnChanges with effect()
08:00 required, alias and transform options

Free content at the Angular University:

Follow me:

[ConstantinosConstantinides-yo]

I totally recommend Angular University. Very good quality of learning material! Both the blog and the video courses.

[Nabulio]

I've been following you since I started programming in 2019.
Thank you Vasco.

[samuelsantanarivera]

Excellent content, Greetings from COLOMBIA!!

[malikau]

Since now you will be my main resource of angular news! :)

[AlainBoudard]

Thanks for sharing Vasco ! Always good Angular content !

[BrendanAlexander]

I have been with angular since angular2 was in alpha. Can’t state enough how awesome signals is. Thank u Angular team! Great video.

[fernandoh.]

I think I have a problem when I use input.required, in my unit tests
in my console it shows error code NG0950

[flanderstruck]

Thank you very much! Very well presented :-)

[seekthetruth]

Great video and explanations! What if a signal comes from a service to a grand parent component then is passed to a parent and then to a child? Do input signals work with the nested trees of components and preserve their reactivity on every level?

[francescoguagnano]

Hi, how to use features like changes.value.firstChange or changes.value.previousValue in the new effect function?

[DisturbedNeo]

That transform option is crazy. You can map data with a reusable transformation function on a per-component basis that updates automatically whenever new data comes in, directly in the input signal. Insane.

[yufgyug]

i like the direction angular is taking with these signals, new template syntax etc. the only problem in quick adoption of newer angular versions is sketchy update cycle of packages my projects depend on.

[sivuyilemagutywa]

This is way easy now, I always hated doing Geters and Seters,

[francescoguagnano]

Hi, what about performance since signals are functions and in the template it’s being binding a function to get signal value and since in Angular it’s better to avoid function binding to not have performance issues?

[ansumanmishra]

What are the advantages of signal based inputs?

[Dmooney]

Can you do two-way binding with input signals?

[paulh]

is there any word whether it will be experimental or production?

[Michel]

I really enjoy your content! So clear, and also just a bit more indepth so I don't get stuck on building the first real feature for myself.
If you like this content: this expert also has a great site where you can get a subscription on all his content for a moderate fee, and a course on Udemy, which is packed with info and updated to the latest versions; this Udemy course is almost for free. Lots of thank you from the Netherlands 🙏

[MukeshRathore]

Have we covered course on micro-frontend using angular? I am asked to work on it in my organization.

[USONOFAV]

would input signal display the value on the console without effect block? Like, just put console.log(${this.value()}) ?