Angular Addicts #22: Angular 17.1, Signal Inputs, State management tips & more
Tags: angular, typescript, ngrx, javascript
Published: 2024-01-30 07:35:09

---
title: Angular Addicts #22: Angular 17.1, Signal Inputs, State management tips & more
published: true
description: My favorite Angular resources of January, 2024
tags: #angular #typescript #ngrx #javascript
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i3vf06jt39hwagq4eo84.png
# Use a ratio of 100:42 for best results.
# published_at: 2024-01-28 20:54 +0000
canonical_url: https://www.angularaddicts.com/p/angular-addicts-22-angular-17-1-signal-inputs 

---



## 👋Hey fellow Angular Addict

This is the 22nd issue of the Angular Addicts Newsletter, a monthly collection of carefully selected Angular resources that got my attention. (Here are the [21st](https://www.angularaddicts.com/p/angular-addicts-21-signal-stores), [20th](https://www.angularaddicts.com/p/angular-addicts-20-signal-store-extensions) and [19th](https://www.angularaddicts.com/p/angular-addicts-19-angular-17) issues.)


---


## 📢Release announcements


### 📢[What's new in Angular 17.1?](https://blog.ninja-squad.com/2024/01/17/what-is-new-angular-17.1/)

The latest minor version of Angular, was released this month. [Cédric Exbrayat](https://twitter.com/cedric_exbrayat) summarizes the most important new features in his blog post:



* Support for TypeScript 5.3
* Inputs as Signals
* Zoneless change detection (new private API)
* Router: new `info` option in `NavigationExtras`
* Control flow migration
* Angular CLI improvements

---

## 💎Angular Gems of January, 2024


### 📰[11 friends of state management in Angular](https://dev.to/this-is-angular/11-friends-of-state-management-in-angular-41gh)

[Alexander Goncharuk](https://twitter.com/agoncharuks) suggests 11 rules to follow with "Avoid" and "Prefer" code snippets and detailed explanations:



* Use dedicated tools for state management
* Always prefer local state unless you have a good reason to use global state
* Limit component code to view-related logic only
* Always separate stateful and stateless services
* Access state synchronously when it makes sense
* Do not create "proxy methods" for no good reason
* Remember to use multicasting observables returned by selectors
* Use state management APIs, but do not limit yourself to them
* Embrace pure functions and static methods
* Make sure you handle errors in effects

---


### 📰[Derivations in Reactivity](https://dev.to/this-is-learning/derivations-in-reactivity-4fo1)

[Ryan Carniato](https://twitter.com/RyanCarniato) takes a deep dive into the theory behind reactive systems, highlighting the distinctions between derivation and synchronization. He addresses the challenges of ensuring glitch-free consistency during state updates, and compares three approaches to reactivity: scheduling (pull), events (push) and signals (push-pull).

---


### 📰[Testing Angular’s Latest Features](https://www.angulararchitects.io/en/blog/testing-angulars-latest-features/)

In his article, [Rainer Hahnekamp](https://twitter.com/rainerhahnekamp) covers testing techniques for the latest features of Angular:



* How to mock services in a standalone component
* How can we use `TestBed.runInInjectionContext()` for unit testing code that uses the `inject()` function
* Utilizing `RouterTestingHarness` to simplify the unit test of the routed components

---


### 📰[Angular Signal Inputs](https://angularexperts.ch/blog/angular-signal-inputs)

One of the most interesting new features of Angular 17.1 is Signal Inputs. [Kevin Kreuzer](https://twitter.com/kreuzercode) highlights the benefits of reactive inputs and the differences between the `computed` signals and the `transform` property of Signal Inputs. He also explains how required inputs and input aliasing work, demonstrates how to utilize router parameters with Signal Inputs and offers a simple method to trigger side effects when input changes occur.

---


## 👨‍💻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 [Substack](https://www.angularaddicts.com/), [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 #21: signal stores, router unit testing & more](https://www.angularaddicts.com/p/angular-addicts-21-signal-stores)
* [Angular Addicts #20: unit testing the new defer blocks, NGRX Signal store extensions, app architectures & more](https://www.angularaddicts.com/p/angular-addicts-20-signal-store-extensions)
* [Angular Addicts #19: Angular 17, NX 17, Storybook 7.5 & more](https://www.angularaddicts.com/p/angular-addicts-19-angular-17)


---


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