Загрузка...

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
Страницу в закладки Мои закладки
Все заметки Новая заметка Страницу в заметки

На информационно-развлекательном портале SALDA.WS применяются cookie-файлы. Нажимая кнопку Принять, вы подтверждаете свое согласие на их использование.

Об использовании CookiesПринять