You're reading from Reactive Patterns with RxJS and Angular Signals Elevate your Angular 18 applications with RxJS Observables, subjects, operators, and Angular Signals

Product type Paperback

Published in Jul 2024

Publisher Packt

ISBN-13 9781835087701

Length 254 pages

Edition 2nd Edition

Languages

JavaScript

Tools

Angular

Concepts

Web Programming

Author (1):

Lamis Chebbi

View More author details

Table of Contents (21) Chapters

Preface

1. Part 1:An Introduction to the Reactive World

2. Chapter 1: Diving into the Reactive Paradigm FREE CHAPTER

3. Chapter 2: Walking through Our Application

4. Part 2: A Trip into Reactive Patterns

5. Chapter 3: Fetching Data as Streams

6. Chapter 4: Handling Errors Reactively

7. Chapter 5: Combining Streams

8. Chapter 6: Transforming Streams

9. Chapter 7: Sharing Data between Angular Components

10. Part 3: The Power of Angular Signals

11. Chapter 8: Mastering Reactivity with Angular Signals

12. Part 4: Multicasting Adventures

13. Chapter 9: Demystifying Multicasting

14. Chapter 10: Boosting Performance with Reactive Caching

15. Chapter 11: Performing Bulk Operations

16. Chapter 12: Processing Real-Time Updates

17. Part 5: Final Touches

18. Chapter 13: Testing RxJS Observables

19. Index

Why subscribe?

20. Other Books You May Enjoy

Exploring reactive data binding with Signals

Angular’s data binding capabilities have been steadily improving to support reactivity. Starting from version 17.1, Angular introduced some powerful features to leverage reactivity using Signals in component interaction and data binding, such as input Signals, model inputs (starting from 17.2), and support for content and view queries. To align with input Signals, version 17.3 provides a new output API.

We will explore these new features in this section.

Signal inputs

The Angular @Input decorator is used to define an input property in a component, allowing data to be passed into the component from its parent component or template. It essentially creates a one-way data flow from the parent to the child component.

Angular 17.1 introduces Signal inputs that allow input data to be passed as Signals. This adds a powerful twist to data binding between parent and child components in Angular, transforming traditional Angular inputs...