Output signals Angular 19 | Angular Version Updates #angular19
*Summary*
This video tutorial explains how to use Angular 19's output signals, a higher-performance replacement for the output decorator introduced in Angular 18. It demonstrates migrating a child component from using the output decorator to using output signals, highlighting the benefits of improved performance and simplified syntax. The tutorial also covers the use of aliases for output signals.
*Highlights*
- 🚀 *Output Signals in Angular 19:* The video focuses on the improved performance and streamlined syntax of output signals compared to the older output decorator.
- 🛠️ *Migration from Output Decorator:* A step-by-step guide demonstrates migrating an existing component using the output decorator to use output signals via the `ng generate @angular/core:signal-output-migration` command.
- 💡 *Simplified Syntax:* The tutorial shows how the signal-based approach simplifies the code compared to using `EventEmitter`.
- 🏷️ *Alias Names:* The use of alias names for output signals is explained, allowing for more readable and maintainable code.
- 💻 *Practical Example:* A complete example using a parent and child component illustrates the process of emitting data from child to parent using both the old and new methods.
Github Link:
https://github.com/saikorthivada/angular-tutorials/tree/v-19-output-signals
Telegram Link
https://t.me/techshareskk
Instagram
https://www.instagram.com/tech.share.skk
Playlist links
Angular Project
https://www.youtube.com/playlist?list=PLmY2oBouT85bavS9A9qB_RYmrBRQG6Jbx
Angular Tutorials Zero to Hero
https://www.youtube.com/playlist?list=PLmY2oBouT85bSbFOm0qfDDPiL1gryCjmB
Angular Unit Testing
https://www.youtube.com/playlist?list=PLmY2oBouT85ZY5PIFp9BtOzjiwRRrs0Zy
For Angular Reactive forms
https://youtube.com/playlist?list=PLmY2oBouT85Zv7MfGUdLdyKO4CietR_1X
For Javascript Objects Series
https://youtube.com/playlist?list=PLmY2oBouT85a6pqYOxETLm4FqIiTFFczm
For Concepts of JavaScript
https://youtube.com/playlist?list=PLmY2oBouT85Y8TOw2qCGZ4S1wcgvgUKll
For Projects and POC
https://youtube.com/playlist?list=PLmY2oBouT85Z5be8KRyIfca7s7yXRlDC4
#angular19 #angular #updates #techshareskk
Видео Output signals Angular 19 | Angular Version Updates #angular19 канала Techshareskk
This video tutorial explains how to use Angular 19's output signals, a higher-performance replacement for the output decorator introduced in Angular 18. It demonstrates migrating a child component from using the output decorator to using output signals, highlighting the benefits of improved performance and simplified syntax. The tutorial also covers the use of aliases for output signals.
*Highlights*
- 🚀 *Output Signals in Angular 19:* The video focuses on the improved performance and streamlined syntax of output signals compared to the older output decorator.
- 🛠️ *Migration from Output Decorator:* A step-by-step guide demonstrates migrating an existing component using the output decorator to use output signals via the `ng generate @angular/core:signal-output-migration` command.
- 💡 *Simplified Syntax:* The tutorial shows how the signal-based approach simplifies the code compared to using `EventEmitter`.
- 🏷️ *Alias Names:* The use of alias names for output signals is explained, allowing for more readable and maintainable code.
- 💻 *Practical Example:* A complete example using a parent and child component illustrates the process of emitting data from child to parent using both the old and new methods.
Github Link:
https://github.com/saikorthivada/angular-tutorials/tree/v-19-output-signals
Telegram Link
https://t.me/techshareskk
https://www.instagram.com/tech.share.skk
Playlist links
Angular Project
https://www.youtube.com/playlist?list=PLmY2oBouT85bavS9A9qB_RYmrBRQG6Jbx
Angular Tutorials Zero to Hero
https://www.youtube.com/playlist?list=PLmY2oBouT85bSbFOm0qfDDPiL1gryCjmB
Angular Unit Testing
https://www.youtube.com/playlist?list=PLmY2oBouT85ZY5PIFp9BtOzjiwRRrs0Zy
For Angular Reactive forms
https://youtube.com/playlist?list=PLmY2oBouT85Zv7MfGUdLdyKO4CietR_1X
For Javascript Objects Series
https://youtube.com/playlist?list=PLmY2oBouT85a6pqYOxETLm4FqIiTFFczm
For Concepts of JavaScript
https://youtube.com/playlist?list=PLmY2oBouT85Y8TOw2qCGZ4S1wcgvgUKll
For Projects and POC
https://youtube.com/playlist?list=PLmY2oBouT85Z5be8KRyIfca7s7yXRlDC4
#angular19 #angular #updates #techshareskk
Видео Output signals Angular 19 | Angular Version Updates #angular19 канала Techshareskk
Angular 19 Output signals Angular signals tutorial Angular 19 new features Frontend development Angular outputs Signals in Angular output signals in angular output signal vs output decorator output decorator vs output signals signals in angular Angular for developers Software development Angular component communication child to parent component in angular 19 angular output signals custom events inn angular custom events using signals angular 19
Комментарии отсутствуют
Информация о видео
30 ноября 2024 г. 17:30:45
00:12:51
Другие видео канала