Angular Addicts #17: Angular v16.2, Combining Signals and Observables & more
Tags: angular, typescript, ngrx, javascript
Published: 2023-09-12 07:09:22

---
title: Angular Addicts #17: Angular v16.2, Combining Signals and Observables & more
published: true
description: My favorite Angular resources of August, 2023
tags: #angular #typescript #ngrx #javascript
canonical_url: https://www.angularaddicts.com/p/angular-addicts-17-signals-observables
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rvcj5qsa7iw4sccvog7k.png
# Use a ratio of 100:42 for best results.
# published_at: 2023-09-12 07:06 +0000
---

## 👋Hey fellow Angular Addict

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

---

## 📢Release announcements


### 📢[What's new in Angular 16.2?](https://blog.ninja-squad.com/2023/08/09/what-is-new-angular-16.2/)

In his blog post, [Cédric Exbrayat](https://twitter.com/cedric_exbrayat) summarizes the new features of Angular v16.2:



* Binding inputs of NgComponentOutlet
* afterRender and afterNextRender lifecycle hooks
* RouterTestingHarness
* Updated Angular CLI, new esbuild builder related features

---


### 📢[Announcing the 0.2.0 release of Analog](https://dev.to/analogjs/announcing-the-020-release-of-analog-aa1)

[Brandon Roberts](https://twitter.com/brandontroberts) announces the first stable release of [Analog](https://analogjs.org/), the meta-framework built on top of Angular. Some of its key features:



* Vite ecosystem (Vitest, Playwright, Cypress, and more) support
* Filesystem-based routing
* Support for markdown pages and blogs
* Support for API/server routes
* Hybrid SSR/SSG with sitemap and RSS feed support
* Supports Angular CLI/Nx workspaces
* Integration with tRPC for type-safe server interactions

Next to his announcement, Brandon published a new ["How to Build a Blog with Analog and Angular"](https://dev.to/analogjs/how-to-build-a-blog-with-analog-and-angular-4pk2) tutorial, too.

---

## 💎Angular Gems of August, 2023


### 📰[Getting Started with spartan/ui - Shadcn-like UI Components for Angular](https://dev.to/this-is-angular/getting-started-with-spartanui-shadcn-like-ui-components-for-angular-8df)

[Robin Goetz](https://twitter.com/goetzrobin) introduces [spartan/ui](https://www.spartan.ng/documentation/installation), an innovative collection of Angular UI primitives that are un-styled and accessible by default. It is inspired by the [RadixUI](https://www.radix-ui.com/) and [shadcn](https://ui.shadcn.com/) projects of the React ecosystem, and it comes in two parts:



* Through **spartan/ui/brain**, they offer a versatile collection of un-styled UI building blocks that can be easily tailored to match your project's distinct visual and functional preferences.
* With **spartan/ui/helm**, they provide pre-designed styles built on TailwindCSS and CSS variables. You can copy these into your project so you retain full control over their code, appearance, and overall experience.

---

### 📰[NgRx Best Practices Series: 4. Facade Pattern](https://www.rainerhahnekamp.com/en/ngrx-best-practices-series-4-facade-pattern/)

[Rainer Hahnekamp](https://twitter.com/rainerhahnekamp) released his fourth article of his NgRx Best Practices Series, explaining the Facade Pattern. This pattern decouples the stores from the rest of our application, so replacing, refactoring or unit testing our NgRx code becomes easier.

The previous articles and videos in his series:



* [NgRx Best Practices Series: 0. Introduction](https://www.rainerhahnekamp.com/en/ngrx-best-practices-series-0-introduction/)
* [NgRx Best Practices Series: 1. Cache & LoadStatus](https://www.rainerhahnekamp.com/en/ngrx-best-practices-series-1-cache-loadstatus/)
* [NgRx Best Practices Series: 2. Modularity](https://www.rainerhahnekamp.com/en/ngrx-best-practices-series-2-modularity/)
* [NgRx Best Practices - Episode 3: Routing & other Deferrals (Video)](https://www.youtube.com/watch?v=IpC-s8tGALo)

Rainer is also the author of [ng-news](https://twitter.com/_ng_news), it collects the latest updates from the Angular community in 100 seconds every week.

---

### 📰[Angular Signals: Keeping the Reactivity Train](https://medium.com/@eugeniyoz/angular-signals-keeping-the-reactivity-train-c22511e72f5e)

The [MobX documentation](https://mobx.js.org/understanding-reactivity.html#examples) contains an impressive collection of "incorrect usage" patterns for reactivity. In his article, [Yevgeny Tuboltsev (OZ)](https://twitter.com/eugeniyoz) applies these patterns to Angular Signals.

---

### 📰[A sweet spot between signals and observables](https://itnext.io/a-sweet-spot-between-signals-and-observables-a3c9620768f1)

[Enea Jahollari](https://twitter.com/Enea_Jahollari) and [Chau Tran](https://twitter.com/Nartc1410) show us how they implemented a function that helps combine Observables and Signals. It's like a new version of <code>[combineLatestObject()](https://github.com/cartant/rxjs-etc)</code> that can accept both Observables and Signals as an argument, and post-processes the combined result through an NgRx <code>pipe()</code>.

---

### 📰[How to migrate Angular CoreModule to standalone APIs](https://angularexperts.ch/blog/angular-core-module-standalone-migration)

In his tutorial, [Tomas Trajan](https://twitter.com/tomastrajan) demonstrates how to migrate an Angular CoreModule (or any other Angular module) to standalone APIs. He explains how to:



* Register providers
* Prevent multiple injection of a provider
* Handle parametrization and options
* Run a logic when the injector is initialized

---

## 👨‍💻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 #16: Signals vs. RxJS, combined test coverage reports & more](https://www.angularaddicts.com/p/angular-addicts-16-signals-vs-rxjs)
* [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)

---

## 📨 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!