Angular Signals Example - Learn Them by Doing

Learn how to build an Angular project from scratch by Angular signals example. In this video we will fully implement the todo list with filtering, editing, deleting and competing features.

MOST POPULAR COURSES

SERVICES THAT I'M USING

CONNECT WITH ME!

REFERENCES

TIMESTAMPS
0:00 Introduction
1:21 Initial project
1:52 Adding components
3:22 Splitting project
6:10 Adding interfaces
7:07 Service with Angular signals
10:04 Implementing header section
14:01 Implementing main section
16:05 Filtering todos
20:13 Implementing footer section
28:59 Implementing a single todo
31:29 Implementing editing
39:55 Removing todos
41:36 Completing todo
44:21 Adding autofocus
45:53 Toggle all todos

This video is NOT sponsored. Some product links are affiliate links which means if you buy something I'll receive a small commission.

[BrendanAlexander]

Your channel is ridiculously helpful. I always feel jacked to get into my angular projects after watching a few of your videos

[LukeAvedon]

Thank you for all the videos with signals examples. I am super jazzed about signals.

[SilvanAngele]

your tutorials have such a nice understandable pace.

[Santon-Motho]

Thanks for another awesome video on Angular. Your channel and courses are top notch 💯

[KushanShanuka]

while watching this, i feel angular signals feature is seems like vue refs.
by the way you explained well. thank you

[christopheradolphe]

Hi Oleksandr, thank you for this great tutorial about Angular signals. I've read some articles over the web about when to use signals vs observables. Some of them advise to keep using observables in services and use signals in components. Your video clearly shows that a service can entirely work with signals. I'd really like to know what are your thoughts about this. Also what's that code editor you are using ?

[musoverda]

Are there already any standards (generally accepted rules) for writing variable names for signals?

[jorgen]

What is recommended approach to implementing custom input field validation while using Signals? Functionality provided in Reactive Forms doesn't yet seem to be reflected to Signals.

[denysbilas]

HI! Thanx for sharing! I want ask you about architecture for front end application. What architecture do you use for your pet projects or work?

[botondvasvari]

what if there are more complex filters that can come from different components ?

[dimitridoroshko]

Hey, man. What is your favorite framework out of the top three: angular, react, Vue?

[AdelBasiony]

can you please make a video using singals and Ngrx together in a project. Thanks.

[AdelBasiony]

Isn't it better to move all computed signals to the service and just call them in the component? even if the signal is used once in a single component.
I'm really confused about which is the best practice.
Highly appreciate your videos.

[felixmatusinio]

If we will use signal, do we still need rxjs? to be honest rxjs is quite pain in the ass.

[USONOFAV]

ok so Signal is just an alternative to rxJS Subject?