Migrating from observables to signals in Angular - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is the main difference between observables and signals in Angular?

Observables are streams of asynchronous data that you subscribe to, while signals are reactive values that automatically update when their dependencies change, without explicit subscriptions.

beginner

How do you create a signal in Angular?

You use the `signal()` function from Angular's reactivity package, passing the initial value, like: `const count = signal(0);`

intermediate

Why might you want to migrate from observables to signals in Angular?

Signals simplify state management by reducing boilerplate code, avoiding manual subscriptions, and improving performance with fine-grained reactivity.

intermediate

What Angular function replaces subscribing to an observable when using signals?

You use `toSignal()` to convert an observable into a signal, which automatically updates when the observable emits new values.

beginner

How do you update the value of a signal?

You call the signal as a function with the new value, like `count(5)`, or use an updater function like `count(current => current + 1)`.

Which Angular function converts an observable into a signal?

A convertObservable()

B fromSignal()

C toSignal()

D signalify()

The `toSignal()` function converts an observable into a signal that updates automatically.

What do you NOT need to do when using signals compared to observables?

A Use Angular imports

B Update the value

C Create reactive values

D Manually unsubscribe

Signals handle updates automatically and do not require manual unsubscription like observables.

How do you read the current value of a signal?

A Subscribe to the signal

B Call the signal as a function with no arguments

C Use signal.value property

D Use signal.get() method

You get the current value by calling the signal as a function without arguments, e.g., `count()`.

What is a key benefit of signals over observables?

A Less boilerplate and automatic updates

B More manual control over subscriptions

C They work only with HTTP requests

D They require external libraries

Signals reduce boilerplate and update automatically without manual subscriptions.

When migrating, what should you replace in your Angular code?

A Replace observable subscriptions with signals using toSignal()

B Replace signals with observables

C Remove all reactive code

D Use promises instead of signals

Migrating means replacing observable subscriptions with signals by converting observables using `toSignal()`.

Explain how you would migrate an Angular component from using an observable to using a signal.

Think about how signals automatically update and remove the need for subscriptions.

Describe the advantages of using signals instead of observables in Angular applications.

Focus on developer experience and app performance improvements.