Input Signals in Angular 17.1 - How To Use & Test

Published 2024-02-13
Learn more about RxDB - bit.ly/rxdb 🚀

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:
bit.ly/conscious-angular-testing

🕒 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:
github.com/DMezhenskyi/angular-signal-inputs

💡 Short Frontend Snacks (Tips) every week here:
Twitter - twitter.com/DecodedFrontend
Instagram - www.instagram.com/decodedfrontend
LinkedIn - www.linkedin.com/in/dmezhenskyi

All Comments (21)
  • @asakurayoh3909
    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!
  • @wissamfehmi5814
    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
  • 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
  • I knew I would learn something here :). Learnt about the transformation and testing just now :)
  • @miklosbecsei8128
    Thanks for the video! Especially the testing part helped a lot! 🙂
  • @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.
  • @ansaganie
    Your videos make me love Angular)) Thanks!
  • quality content as always. I need to get back to it when our team migrate to ng17
  • @pavlokozachuk555
    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?