Angular Addicts #16: Signals vs. RxJS, combined test coverage reports & more
Tags: angular, typescript, nx, javascript
Published: 2023-08-10 07:26:13

---
title: Angular Addicts #16: Signals vs. RxJS, combined test coverage reports & more
published: true
description: My favorite Angular resources of July, 2023
tags: #angular #typescript #nx #javascript
canonical_url: https://www.angularaddicts.com/p/angular-addicts-16-signals-vs-rxjs
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lfrwxxzicsjqcmsrq64d.png
# Use a ratio of 100:42 for best results.
# published_at: 2023-08-09 20:25 +0000
---

## 👋Hey fellow Angular Addict

This is the 16th issue of the Angular Addicts Newsletter, a monthly collection of carefully selected Angular resources that got my attention. (You can read the [thirteenth](https://www.angularaddicts.com/p/angular-addicts-13-angular-v16-nx), [fourteenth](https://www.angularaddicts.com/p/angular-addicts-14-angular-v16-signals) and [fifteenth](https://www.angularaddicts.com/p/angular-addicts-15-angular-v161-typescript) issue here.)

---

## 📢Release announcements


### 📢[Nx 16.5](https://blog.nrwl.io/nx-16-5-release-7887a27cb5)

[Zack DeRose](https://twitter.com/zackderose) covers the major new features of Nx 16.5:



* Targeting tasks by tags
* NextJS 13 support
* New Nx recipes
* Angular 16 support and migrations
* Verdaccio support
* Create your own CLI with Nx
* New externalDependencies input type
* New @nx/dependency-checks EsLint rule
* Performance improvements
* Nx Console revamped
* Nx Changelog launched

----

### 📢[Storybook 7.1](https://storybook.js.org/blog/storybook-7-1/)

In his blog post, [Michael Shilman](https://twitter.com/mshilman) summarizes the new features of Storybook 7.1:



* In-app onboarding to help you learn Storybook
* Zero-config styling support for Tailwind, Material UI, styled-components and Emotion
* API reference documentation
* TypeScript-first code snippets
* Vue 3 source snippets and reactivity improvements
* Table of Contents for docs
* Figma Design addon official support
* Hundreds more fixes and improvements

----

## 💎Angular Gems of July, 2023


### 📰Signals vs RxJS

[Mike Pearson](https://twitter.com/mfpears) wrote a three-piece article series to show us when we should prefer RxJs and when Angular Signals:



* [Signals make Angular MUCH easier](https://dev.to/mfp22/signals-make-angular-much-easier-3k9)
* [RxJS can save your codebase](https://dev.to/mfp22/rxjs-can-save-your-codebase-49fi)
* [Introducing the auto-signal pattern](https://dev.to/mfp22/introducing-the-auto-signal-pattern-1a5h)

In the first two parts of the series, he compares RxJs and Signals in case of using them for synchronous and asynchronous reactivity. In the third article, he recommends us to use the "auto-signal pattern", which has some benefits over `toSignal()`. This pattern enables us to connect RxJS streams with Signals without losing the ability of RxJS streams to automatically:



* clean up
* reset and re-fetch, and
* cancel requests

----

### 📰[Managing RxJS Traffic with Signals and Suspensify](https://dev.to/this-is-angular/managing-rxjs-traffic-with-signals-and-suspensify-pp)

Angular contains a new `toSignal()` function that can convert observables to Signals, but it doesn't handle observables well without initial values or emitted errors. Younes Jaaidi shows us how the `suspensify() `operator can help us solve these issues by producing an observable that will always have an initial value and that never throws an error. It's a part of the [@jscutlery/operators package.](https://github.com/jscutlery/devkit/tree/main/packages/operators)

----

### 📰[How To Combine Coverage From Cypress (E2E And Component Test) And Jest In An Nx Project](https://christianlydemann.com/how-to-combine-coverage-from-cypress-e2e-and-component-test-and-jest-in-an-nx-project/)

[Christian Lüdemann](https://twitter.com/chrislydemann) describes how to combine the coverage results of



* Jest unit tests
* Cypress component tests and
* Jest e2e tests

to gain detailed insights into the test coverage of your Angular application. He also shares a [full demo app](https://github.com/lydemann/jest-cypress-coverage) with us.

----

### 📰[The new NGRX Signal Store for Angular: 2 + 1 Flavors](https://www.angulararchitects.io/aktuelles/the-new-ngrx-signal-store-for-angular-2-1-flavors/)

[Manfred Steyer](https://twitter.com/ManfredSteyer) explains the current work in progress version of the [NgRx Signal Store](https://github.com/ngrx/platform/discussions/3796), and he shows us 2+1 different flavors of using it:



* Flavor 1: Lightweight with signalState
* Flavor 2: Powerful with signalStore
* Upcoming Flavor 3: Entity Management

----

## 👨‍💻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://www.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!


## 🕹️Previous issues

If you missed the previous issues of the newsletter, you can read them [here](https://www.angularaddicts.com/t/angular-addicts-monthly), these are the latest 3 issues:



* [Angular Addicts #15: Angular v16.1, Typescript 5.1, new RFCs & more](https://www.angularaddicts.com/p/angular-addicts-15-angular-v161-typescript)
* [Angular Addicts #14: Angular v16, Signals and SignalStore, fine-grained change detection & more](https://www.angularaddicts.com/p/angular-addicts-14-angular-v16-signals)
* [Angular Addicts #13: Angular v16, NX v16, SPARTAN & more](https://www.angularaddicts.com/p/angular-addicts-13-angular-v16-nx)


## 📨 Submit your Angular resource

Have you found or written an interesting Angular-related article, tweet or other resource lately? Please let me know here in the comments or send me a DM on [Twitter](https://twitter.com/gergelyszerovay)! I might feature it in the next Angular Addicts issue!