Angular Addicts #19: Angular 17, NX 17, Storybook 7.5 & more
Tags: angular, typescript, ngrx, javascript
Published: 2023-11-23 22:29:27

---
title: Angular Addicts #19: Angular 17, NX 17, Storybook 7.5 & more
published: true
description: My favorite Angular resources of October, 2023
tags: #angular #typescript #ngrx #javascript
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6p7792p2wtidkwf9gn5k.png
canonical_url: https://www.angularaddicts.com/p/angular-addicts-19-angular-17
# Use a ratio of 100:42 for best results.
# published_at: 2023-11-23 22:25 +0000
---

## 👋Hey fellow Angular Addict

This is the 19th issue of the Angular Addicts Newsletter, a monthly collection of carefully selected Angular resources that got my attention. (You can read the [18th](https://www.angularaddicts.com/p/angular-addicts-18-new-control-flow), [17th](https://www.angularaddicts.com/p/angular-addicts-17-signals-observables), and [16th](https://www.angularaddicts.com/p/angular-addicts-16-signals-vs-rxjs) issue here.)

## 📢Release announcements

### 📢Angular v17 is now available!

The latest version of Angular was released this month. [Minko Gechev](https://twitter.com/mgechev) summarizes the most important new features in his [release announcement](https://blog.angular.io/introducing-angular-v17-4d7033312e4b). Also, there is a new home for Angular's documentation: [angular.dev](https://angular.dev/) .

In my following articles, I listed out the most important changes and new features, and collected resources that will teach you how these new Angular features work:

* [Master Angular 17](https://www.angularaddicts.com/p/master-angular-17)
* [New Angular 17 feature: new control flow syntax](https://www.angularaddicts.com/p/angular-17-new-control-flow-with-signals)
* [New Angular 17 feature: deferred loading](https://www.angularaddicts.com/p/angular-17-feature-deferred-loading-with-signals)

---

### 📢[Nx 17.0 Has Landed](https://blog.nrwl.io/nx-17-0-has-landed-1dad19176ff3)

[Zack DeRose](https://twitter.com/zackderose)'s article covers the main things you need to know about the new NX version:



* It’s a Vue-tiful Day for Nx
* Enhancements to Module Federation Support
* More Consistent Generator Paths
* The NEW Nx AI Chatbot
* More Seamless Integration With Nx Cloud
* nx.json Simplification
* Nx Repo Begins Dog-Fooding Nx Workflows
* Task Graphing Improvements
* @nx/linter Renamed to @nx/eslint
* New Experimental Feature: Nx Release
* Experimental: Nx Project Inference API v2
* How To Update Nx

---

### 📢[Introducing Storybook 7.5](https://medium.com/storybookjs/introducing-storybook-7-5-fd7d94af248a)

In his blog post, [Joe Vaughan](https://twitter.com/joevaugh4n) summarizes the new features of Storybook v7.5::



* Vite 5 and Lit 3.0 support
* 2.2x faster start times for React TypeScript projects
* storiesOf and storyStoreV6 officially deprecated
* Many Angular improvements: argsToTemplate, new CLI debugging options, support for standalone directives, etc.
* Support rename font import for Next.js
* Fix Webpack5 build errors not being propagated

---

## 📆Events


### 🎫 [WebExpo Conf 2024](https://webexpo.net/)

WebExpo is my all time favorite conference, I can’t wait to attend it next year. It is a conference for developers, designers and anyone involved in creating digital products and services.

WebExpo 2024 Conference website: [https://webexpo.net/](https://webexpo.net/)

📆 WebExpo dates: May 29-31, 2024

📍 Location: Prague, Czechia

🎞️[ Here you can watch back previous talks](https://slideslive.com/webexpo)

Now here is your chance to grab [tickets](https://webexpo.net/tickets/) for a much lower price, the WebExpo Black Friday sale is ON 💥.

* If you buy 1 ticket, you get 25% off, use the code:  'BlackFriday23' 
* If you buy at least 3 tickets, you get 30% off, “3BlackFriday23”

The offer expires on Sunday. See you at the conference!

---

## 💎Angular Gems of October, 2023


### 📰[Microtask Queue + RxJS + Angular](https://dev.to/this-is-angular/microtask-queue-rxjs-angular-38ah)

In his article, [Daniel Glejzner](https://twitter.com/DanielGlejzner) explains the difference between microtask and macrotask queues, and how the async observable values are processed in RxJs. Then he explains how and when Zone.js triggers Angular's change detection to update the UI.

---

### 📰[The Art of Delaying Image Content](https://medium.com/ngconf/the-art-of-delaying-image-content-31e1731e0ec8)

In his post, [Alejandro Cuba Ruiz](https://twitter.com/zorphdark) summarizes how the HTML `img`, `picture` and `source` tags have evolved during the years, then shows us how to use the standalone `NgOptimizedImage` directive to serve the appropriate sized image from a CDN and how to enable lazy loading of an image with the help of the new `@defer` block.

---

### 📰[Angular Interceptors Unleashed: Solving Complex Scenarios with Ease. Practical Use Cases and Examples](https://blog.stackademic.com/angular-interceptors-unleashed-solving-complex-scenarios-with-ease-b1108fb1846e)

[Astrit Shuli](https://twitter.com/itsastritshuli) demonstrates by examples how Angular HTTP request interceptors work. These interceptors can intercept and modify the HTTP requests and the received responses. Astrit shows us examples for their most common use cases:



* Authentication Interceptor
* Error Handling Interceptor
* Logging Interceptor
* Caching Interceptor
* Headers Interceptor
* Loading Indicator Interceptor
* Timeout Interceptor
* Base URL Interceptor
* Retry Interceptor
* Offline Mode Interceptor
* JWT Refresh Token Interceptor
* Request Timing Interceptor
* Localization Interceptor
* Content Security Policy (CSP) Interceptor
* Compression Interceptor

---

## 👨‍💻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 #18: Angular 17's New control flow and View transitions, Incremental static regeneration & more](https://www.angularaddicts.com/p/angular-addicts-18-new-control-flow)
* [Angular Addicts #17: Angular v16.2, Combining Signals and Observables & more](https://www.angularaddicts.com/p/angular-addicts-17-signals-observables) 
* [Angular Addicts #16: Signals vs. RxJS, combined test coverage reports & more](https://www.angularaddicts.com/p/angular-addicts-16-signals-vs-rxjs)


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