Signals as modern state primitive in Angular - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is a signal in Angular?

A signal is a special kind of variable that holds state and notifies the app when its value changes, allowing automatic updates in the UI.

beginner

How do you create a signal in Angular?

Use the <code>signal()</code> function from Angular to create a signal, for example: <code>const count = signal(0);</code>

intermediate

How do signals improve state management compared to traditional methods?

Signals automatically track dependencies and update only the parts of the UI that use the changed state, reducing manual subscriptions and improving performance.

beginner

What is the difference between a signal and a regular variable?

A regular variable does not notify the app when it changes, but a signal triggers updates wherever it is used, keeping the UI in sync automatically.

beginner

How can you update the value of a signal?

Use the set() method or call the signal as a function with a new value, for example: count.set(5); or count(5);

What does a signal in Angular do?

A Tracks state changes and updates the UI automatically

B Creates a new component

C Defines routes in the app

D Handles HTTP requests

Signals hold state and notify Angular to update the UI when the state changes.

Which function creates a signal in Angular?

A new Signal()

B useState()

C signal()

D createSignal()

Angular uses the signal() function to create signals.

How do you update a signal's value?

A Using set() or calling the signal as a function

B Directly assigning a new value like a normal variable

C Using updateSignal() method

D Signals cannot be updated

Signals provide set() method or can be called as functions to update their value.

Why are signals better than manual subscriptions?

A They require more code to manage

B They automatically track dependencies and update UI efficiently

C They slow down the app

D They replace CSS styling

Signals reduce boilerplate by auto-tracking and updating only what needs to change.

Which of these is NOT true about signals?

A Signals can be updated with set()

B Signals notify the app when their value changes

C Signals help keep UI in sync with state

D Signals are used to define routes

Signals are for state management, not routing.

Explain what signals are in Angular and how they help manage state.

Think about how signals replace manual subscriptions and keep UI updated.

Describe how to create and update a signal in Angular with simple code examples.

Focus on the syntax and methods to change signal values.