Title | : | Understand Angular Signals in 20 Minutes |
Duration | : | 20:17 |
Viewed | : | 9,812 |
Published | : | 09-04-2024 |
Source | : | Youtube |
Angular Signals is a new way to manage values in the framework. In this video, I explain in a simple, clear and visual way how Signals work with examples. For example, Angular can automatically change values if associated values have changed. An additional feature of Signals is Effects, which allow a function to be automatically re-executed if the values within it have been changed. Does this sound complicated? No worries, watch my video. I use a visual explanation and a step-by-step explanation with code examples. Timestamps 00:00 What is Angular Signals? 01:45 How to create a simple signal? 02:21 How to change the value? 03:08 How to get the value? 03:42 Let's add Signals to the code 05:09 Writable and Computed signals 06:26 How do Computed Signals work? 07:14 How to create a computed signal? 08:27 Component Template 08:49 The Update Method is an additional method 09:59 Effects are an additional feature 15:42 The "allowSignalWrites" Option 16:33 Creating Effects Outside of a Constructor 17:03 Tracking Algorithm Writable and computed signals are two interconnected halves of one system and concept. This functionality exists in other frameworks and programming languages and may someday be added to JavaScript (the proposal already exists). Effects are an additional feature of signals that offer a convenient and useful ability to re-execute code when values have changed. In this video I explain in detail an important point in asynchronous execution. ▶️ I use visual explanation with infographics, animations, and simple code examples. I hope that you enjoy it and like and subscribe to my channel. Thanks to the @Angular Team for a new useful feature. ℹ️ Source: https://angular.dev/guide/signals ☕️ Donation: https://www.patreon.com/igorsedov For more tips and updates, follow me on: ▪️Twitter: https://twitter.com/TheIgorSedov ▪️LinkedIn: https://www.linkedin.com/in/igorsedov/ ▪️Instagram: https://www.instagram.com/theigorsedov/ Website: https://igorsedov.com Email: me@igorsedov.com #angular #angularsignals #angulartutorial #angularbeginner #framework
![]() |
Zoneless Angular Applications in V18 14:00 - 15,281 |
![]() |
Why didn't the Angular team just use RxJS inste... 08:15 - 91,815 |
![]() |
Angular Signals: The Complete Guide 15:22 - 7,627 |
![]() |
Here's what I've figured out about Angular signals 08:33 - 16,122 |
![]() |
TOP 6 Mistakes in RxJS code 18:35 - 17,078 |
![]() |
Angular 18 is EXACTLY what we needed 09:15 - 71,827 |
![]() |
Why Angular Signals? Write Your First Signal 14:25 - 8,971 |
![]() |
What’s new in Angular v18 20:08 - 115,783 |