Angular Signals Study Guide
Tags: angular, rxjs, tyepscript, javascript
Published: 2023-05-30 06:44:13

---
title: Angular Signals Study Guide
published: true
description: All the resources you'll need to master Angular Signals
tags: #Angular #RxJs #Tyepscript #javascript
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bgutmcni6m6e9momv2cl.png
# Use a ratio of 100:42 for best results.
# published_at: 2023-05-29 19:40 +0000
canonical_url: https://www.angularaddicts.com/p/angular-signals-study-guide
---

A new primitive type called “Signal” has been introduced in Angular v16. It’s designed to store a value similar to a regular variable. When the Signal’s value changes, it notifies the interested consumers. Signals store both primitive data types and objects.

In case we use the `OnPush` change detection in a component and it contains a Signal in its template, Angular tracks the Signal as a dependency for the component and marks the component for check if the Signal’s value changes. In Angular v17 this is going to change, it’s going to be possible to use Signal-based per-component change detection without `zone.js`.

In this article, I share all the resources you'll need to master Angular Signals.


### 📰[Angular & signals. Everything you need to know](https://dev.to/this-is-angular/angular-signals-everything-you-need-to-know-2b7g)

Why do we need Signals? [Robin Goetz](https://twitter.com/goetzrobin) explains what problems they address, how they fit into the Angular story and how they work. He also elaborates on what their biggest advantages are over the `BehaviorSubject`s of RxJs: 



* Signals has glitch-free execution, and
* Compared to RxJs, Angular Signals is simpler and therefore easier to learn.


### 📰[Converting Observables to Signals in Angular: What You Need to Know](https://netbasal.com/converting-observables-to-signals-in-angular-what-you-need-to-know-4f5474c765a0) and [Converting Signals to Observables in Angular: What You Need to Know](https://netbasal.com/converting-signals-to-observables-in-angular-what-you-need-to-know-971eacd3af2)

In his articles, [Netanel Basal](https://twitter.com/NetanelBasal) inspects how we can convert Observables to Signals and Signals to Observables using the new `rxjs-interop` package.


### 📰[Angular Signals & Your Architecture: 5 Options](https://www.angulararchitects.io/aktuelles/angular-signals-your-architecture-5-options/)

[Manfred Steyer](https://twitter.com/ManfredSteyer) explores the impact of Signals on the architecture of Angular applications. He showcases five different options:



* Signals in Component
* Move Signals to a Service
* Information Hiding With Services
* Using a Store and the Redux Pattern
* Hiding the Store Behind a Facade


### 📰Official Angular documentation and RFCs

I believe that next to checking out the awesome resources produced by the Angular community, it is also useful to take a look at the official materials:



* [Angular Signals Guide](https://angular.io/guide/signals)
* [RxJS Interop](https://angular.io/guide/rxjs-interop)

RFCs:



* [RFC: Angular Signals](https://github.com/angular/angular/discussions/49685)
* [Sub-RFC 1: Signals for Angular Reactivity](https://github.com/angular/angular/discussions/49684)
* [Sub-RFC 2: Signal APIs](https://github.com/angular/angular/discussions/49683)
* [Sub-RFC 3: Signal-based Components](https://github.com/angular/angular/discussions/49682)
* [Sub-RFC 4: Observable and Signal Interoperability](https://github.com/angular/angular/discussions/49681)


### 📰[Demystifying the push & pull nature of Angular Signals](https://angularexperts.io/blog/angular-signals-push-pull)

[Tomas Trajan](https://twitter.com/tomastrajan) takes a deep dive into Angular Signals and how it can be understood using the push & pull concepts.


## 📰[Signals in Angular: The Future of Change Detection](https://www.angulararchitects.io/aktuelles/angular-signals/)

[Manfred Steyer](https://twitter.com/ManfredSteyer) compares the current `Zone.js-`based change detection to the new Signal based approach.


## 📷[Getting started with Angular Signals](https://www.youtube.com/watch?v=EEzDLpIbW9w)

In their presentation at [Google I/O](https://io.google/2023/), [Emma Twersky](https://twitter.com/twerske) and [Alex Rickabaugh](https://twitter.com/synalx) developed a Signals-based Angular application. While it is a quite complex example, you’ll learn a lot from it.


### 📰[Signals in Angular – How to Write More Reactive Code](https://www.freecodecamp.org/news/angular-signals/)

[Deborah Kurata](https://twitter.com/DeborahKurata) explains what Signals are, and how to create, read and update them. She also covers the concept of computed Signals and effects.


## 👨‍💻About the author

My name is [Gergely Szerovay](https://www.linkedin.com/in/gergelyszerovay/), I work as a frontend development chapter lead. Teaching (and learning) Angular is one of my passions. I consume content related to Angular on a daily basis — articles, podcasts, conference talks, you name it.

I created the Angular Addict Newsletter so that I can send you the best resources I come across each month. Whether you are a seasoned Angular Addict or a beginner, I got you covered.

Next to the newsletter, I also have a publication called — you guessed it — [Angular Addicts](https://angularaddicts.com/). It is a collection of the resources I find most informative and interesting. Let me know if you would like to be included as a writer.

Let’s learn Angular together! [Subscribe here](https://angularaddicts.com/) 🔥

Follow me on [Medium](https://medium.com/@GergelySzerovay), [Dev.to](https://dev.to/gergelyszerovay), [Twitter](https://twitter.com/GergelySzerovay) or [LinkedIn](https://www.linkedin.com/in/gergelyszerovay/) to learn more about Angular!