10 Angular reactivity and signals

 

This chapter covers

  • Understanding the way that Angular responds to changes
  • Using the new Angular Signals feature to describe data relationships
  • Using writable signals and computed signals for efficient change detection
  • Using signals with observable sequences of values

In this chapter, I explain how Angular responds to changes in the application state to update the HTML presented to the user. I describe the approach that Angular has conventionally used and introduce a new feature, called signals, which can be used to make dealing with changes more efficient. Table 10.1 puts data and reactivity in context.

10.1 Preparing for this chapter

10.2 Understanding Angular data flow

10.2.1 Adding user interaction

10.3 Understanding Angular change detection

10.3.1 The advantage of Angular change detection

10.3.2 The disadvantage of Angular change detection

10.4 Understanding Angular Signals

10.4.1 Using writeable signals

10.4.2 Using computed signals

10.4.3 Using effects

10.4.4 Using signals outside of components

10.5 Working with Reactive Extensions

10.5.1 Understanding observables

10.5.2 Using observables with signals

10.6 Summary