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.
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
► CHECK MY COURSES - monsterlessons-academy.com/co...
MOST POPULAR COURSES
► Building real project with Angular + NgRx - monsterlessons-academy.com/co...
► Building real NestJS API - monsterlessons-academy.com/co...
► Javascript interview questions - monsterlessons-academy.com/co...
► Angular Interview Questions monsterlessons-academy.com/co...
► Building real fullstack project - monsterlessons-academy.com/co...
► Mastering Git - monsterlessons-academy.com/co...
► Mastering Docker and Docker Compose - monsterlessons-academy.com/co...
► Building real project with React Hooks - monsterlessons-academy.com/co...
► Building real project with Vue + Vuex - monsterlessons-academy.com/co...
FOLLOW ME
► TWITTER - / monster_lessons
► INSTAGRAM - / monsterlessonsacademy
► TIKTOK - / monsterlessonsacademy
REFERENCES
► Source code - github.com/monsterlessonsacad...
Пікірлер: 52
Your channel is ridiculously helpful. I always feel jacked to get into my angular projects after watching a few of your videos
@MonsterlessonsAcademy
10 ай бұрын
Glad to help!
Thank you for all the videos with signals examples. I am super jazzed about signals.
@MonsterlessonsAcademy
10 ай бұрын
Glad you like them!
your tutorials have such a nice understandable pace.
@MonsterlessonsAcademy
10 ай бұрын
Glad to hear that!
Thanks for another awesome video on Angular. Your channel and courses are top notch 💯
@MonsterlessonsAcademy
10 ай бұрын
Glad you like them!
Amazing as always!
@MonsterlessonsAcademy
10 ай бұрын
Thank you! Cheers!
Best channel and lessons. Thanks
@MonsterlessonsAcademy
9 ай бұрын
Glad you think so!
Impeccable, as always.
@MonsterlessonsAcademy
3 ай бұрын
Wow, thank you!
Thanks - great Tutorial
@MonsterlessonsAcademy
10 ай бұрын
Glad it was helpful!
this is a good angular channel
@MonsterlessonsAcademy
10 ай бұрын
Thanks!
Thanks!
@MonsterlessonsAcademy
10 ай бұрын
Thank you so much for your support! It means a lot to me
Danke!
@MonsterlessonsAcademy
10 ай бұрын
Vielen dank für Ihre Unterstützung. Das ist sehr wichtig für mich!
Thank you
@MonsterlessonsAcademy
Ай бұрын
You're welcome
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?
@MonsterlessonsAcademy
10 ай бұрын
Typically by feature architectured like I showed here kzread.info/dash/bejne/e3qI08iIj8jcnMY.html
while watching this, i feel angular signals feature is seems like vue refs. by the way you explained well. thank you
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 ?
@MonsterlessonsAcademy
3 ай бұрын
I see zero reasons to use something in either service or comp. Don't read these articles :) Use signals for simple state. Use RxJS when you need RxJS methods like distincUntilChanged, etc
@christopheradolphe
3 ай бұрын
@@MonsterlessonsAcademy Thank you for your response and the great content!
Hey, man. What is your favorite framework out of the top three: angular, react, Vue?
@MonsterlessonsAcademy
10 ай бұрын
I don't really like one of them more then others. Most importantly for me is to get paid for any of them. My personal preference is Elm but unfortunately it is not that popular.
what if there are more complex filters that can come from different components ?
@MonsterlessonsAcademy
5 ай бұрын
Then you need to change your code acording to requirements.
Are there already any standards (generally accepted rules) for writing variable names for signals?
@MonsterlessonsAcademy
4 ай бұрын
Nope. It's wild west.
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.
@MonsterlessonsAcademy
4 ай бұрын
I don't use signals for custom validation. Just plain reactive form
can you please make a video using singals and Ngrx together in a project. Thanks.
@MonsterlessonsAcademy
5 ай бұрын
I will add it to the list of ideas. Thanks
🙏🙌
ok so Signal is just an alternative to rxJS Subject?
@MonsterlessonsAcademy
4 ай бұрын
Partially yes
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.
@MonsterlessonsAcademy
5 ай бұрын
Sure. If it is shareable than move it to comp. If not then not.
@AdelBasiony
5 ай бұрын
Thanks a lot.@@MonsterlessonsAcademy
If we will use signal, do we still need rxjs? to be honest rxjs is quite pain in the ass.
@MonsterlessonsAcademy
7 ай бұрын
I have a video about it kzread.info/dash/bejne/iYBrs6ehlNTOYJM.htmlsi=h3BmPJld15fBJV1s
@jerrytab4276
6 ай бұрын
combine rxjs and signals
Thanks!
@MonsterlessonsAcademy
10 ай бұрын
Thank you so much for your support. It means a lot to me!