Angular Signals v16 - Create a simple Contacts App (1/3)

Grab my new course 'Angular Firebase Authentication: Create Full Sign up App' with 50% off here:
www.udemy.com/course/angular-... #Angular #Signals #webdevelopment
This is the first part of an introduction to Angular 16 Signals - where we build a simple contacts app using the Signals API for reactivity!
The complete code for this app can be found here:
github.com/thisiszoaib/angula...
For more such videos, follow me on:
Twitter - / zoaibdev
Facebook - / thisiszoaib
LinkedIn - / zoaib-khan-b6456815
Cheers :) Grab my new course 'Angular Firebase Authentication: Create Full Sign up App' with 50% off here:
www.udemy.com/course/angular-...

[@ZoaibKhan]

A correction for this video: Signals don't actually contain any "notifier", but they're just a wrapper around a value - and this allows the Angular framework to track where it's being used - and this is where the reactivity comes from. Apologies for the slightly faulty explanation at the beginning of this video.

[@andrewbateman2282]

Thanks for doing these videos. Great work.

[@ZoaibKhan]

Thanks for your feedback, Andrew :) Cheers

[@mohammedabdulaziz3658]

Hey, Brother, After a long time!, but anyhow its a great video

[@ZoaibKhan]

Hey! Yeah, took a longish break due to some work. But hopefully be more regular now :)

[@syahiruddinbindaud7379]

Hi amazing stuff! quick question, do you think it possible to get Firestore data as a signal?

[@ZoaibKhan]

Hey Syahiruddin,
there is no in-built function yet, but you can use getDocs with async/await and set the signal yourself.
If you want to use the observable based functions provided by AngularFire, there is also a toSignal convenience function in @angular/rxjs-interop provided by Angular in v16 to convert observables to signals - so that can be used as well!