Input Signals in Angular 17.1 - How To Use & Test

The introduction of Input Signals is another step towards the integration of Signals into Angular Framework Core. From this video, you will learn how to migrate your angular components to input signals smoothly and how to adjust your unit tests. Besides that, you will know how to make your inputs reactive even before Angular 17.1. If you find this video useful, you can support my channel by sharing it with your colleagues. Thank you :)

🔥 My course Conscious Angular Testing for Beginners:

🕒 Time Codes:
00:00:00 - Intro;
00:02:02 - RxDB Sponsorship;
00:03:33 - Reactive Inputs BEFORE 17.1;
00:06:07 - Introducing Signal Inputs;
00:11:18 - How To Test Signal Inputs;
00:12:24 - Final Thoughts;
00:13:47 - Outro;

🔗 Source code from the tutorial:

💡 Short Frontend Snacks (Tips) every week here:

[asakurayoh]

Angular is so much better when it comes to complex, large applications. Now with all these new features, it's killing it. The more I learn about these new features the more I'm in love with Angular ❤

[gtkall]

This is a very welcome simplification effort from the Angular team. The code is simple and concise. I look forward to testing the update on my own!

[wissamfehmi]

Angular Team knows who works with Angular will stick to it so they are attracting other developers since v14 by making it more similar to other frameworks but of course better 😊
As usual thank you for the fulfilled informative video

[Aliakbaresmaeiliiii]

thank you man
Im a Angualr developer over 7 year but every time i learning new stuff from you
thank you very much man
god bluss you

[kevinsuarezguzman]

I just needed the testing part, what a good explanation.

I hope you still have those nice plants, I miss them. 😀 Keep up the good work, I like your videos.

[jakubdrewniak]

quality content as always. I need to get back to it when our team migrate to ng17

[miklosbecsei]

Thanks for the video! Especially the testing part helped a lot! 🙂

[IAmWeirdForNG]

Thank you for this simply great content 👍 Short and concise 🔥 I benefit greatly from your videos - keep it up 👣

[ansaganie]

Your videos make me love Angular)) Thanks!

[gagiksimonyan]

Your videos are always useful, Dmytro) Thank you very much

[pavlokozachuk]

What is your opinion about HttpClient and its methods?
How do you see having its returned values as Observables and some Signals?
What is the best way to combine values from API (Observables) with Signals in the component?

[innocentmazando]

I knew I would learn something here :).
Learnt about the transformation and testing just now :)

[MrEvilyogurt]

Thanks for the guide, not a fan of the new input options but i do like that we have this to use over get/set.

[rakhimjonrustamov]

Nice recommendations at the end of the video!

[gund_ua]

Damn, Angular API more and more becomes inconsistent.
Input signal is nice, but duplicating input metadata into it from a well known @Input decorator makes no sense to me.
I'm still not using signals because most of my reactive code in rxjs and it just seems unnecessary to convert everything to signal while I can simply pipe values through async pipe lol.
But great overview from you Dmytro, love it!

[ranjanelex]

This is great the way you explain has always helped me. I have a question though is there a way to initialize the InputSignal in a dynamically loaded component?

[haroldpepete]

great video, thanks, what about ngModel replacement using model(), could we achieve the same result as input signal feature?

[kasoivasoy]

Standalone Components + Signals almost = ReactJS&useState. Only difference is that effect() takes care of dependencies. So idk where all of these is heading to 🙃 but generally I like this approach

[vojislavvukovic]

Hello Dmytro! Nice video as always. I was looking into your Angular Forms course and I am curious about one thing - do you have examples/lessons in that course with OnPush ChangeDetectionStrategy? Ty again, there is always something to learn from your videos :)