Angular Addicts #13: Angular v16, NX v16, SPARTAN & more
Tags: angular, typescript, nx, javascript
Published: 2023-05-09 06:28:00

---
title: Angular Addicts #13: Angular v16, NX v16, SPARTAN & more
published: true
description: My favorite Angular resources of April, 2023
tags: #angular #typescript #nx #javascript
canonical_url: https://newsletter.angularaddicts.com/p/angular-addicts-13-angular-v16-nx
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2023-05-07 16:38 +0000
---

![Angular Addicts #13](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zj93qwt1f4xrajjx7ica.png)

## 👋Hey fellow Angular Addict

📰This is the 13th issue of the Angular Addicts [Newsletter](https://newsletter.angularaddicts.com/), a monthly collection of carefully selected Angular resources that got my attention. (You can read the [first](https://angularaddicts.com/angular-addicts-issue-1-nx-conf-dev-survey-more-2499fcaec1c8), [second](https://angularaddicts.com/angular-addicts-issue-2-angular-14-nx-14-rxjs-and-ngrx-tips-more-3c0e85a09d1e), [third](https://angularaddicts.com/angular-addicts-issue-3-6fddeaff8f47), [fourth](https://angularaddicts.com/angular-addicts-issue-4-micro-frontends-moduliths-tutorials-more-b36923db8cc2), [fifth](https://angularaddicts.com/angular-addicts-issue-5-new-features-in-angular-14-2-bundle-size-optimization-tutorials-more-7ac29b66d421), [sixth](https://angularaddicts.com/angular-addicts-issue-6-ng-conf-2022-ngrx-best-practices-application-architecture-tips-more-feabd4406a29), [seventh](https://angularaddicts.com/angular-addicts-issue-7-standalone-components-and-routers-native-federation-1-0-more-52d65695939a), [eighth](https://angularaddicts.com/angular-addicts-issue-8-angular-v15-ngrx-v15-component-test-tips-more-e88e95ee0f9d), [ninth](https://angularaddicts.com/angular-addicts-9-nx-15-3-monorepo-workflow-reactive-primitives-more-136daae2264d), [tenth](https://angularaddicts.com/angular-addicts-10-new-features-in-angular-15-1-unit-testing-tips-tutorials-more-c7a73049873), [eleventh](https://angularaddicts.com/angular-addicts-11-signals-is-coming-angular-15-2-6772fe759da6) and [twelfth](https://medium.com/angularaddicts/angular-addicts-12-signals-code-organization-principles-webexpo-more-78962058e80d) issue here.)

---

## 📢Release announcements

### 📢Angular v16 is now available!

The latest version of Angular has been released last week. [Minko Gechev](https://twitter.com/mgechev) summarizes the most important new features in his [release announcement](https://blog.angular.io/angular-v16-is-here-4d7a28ec680d).

I listed out the most important changes and new features, also shared resources that will teach you how these new Angular features work, read my article ["Master Angular 16"](https://newsletter.angularaddicts.com/p/master-angular-16) here.

The biggest highlights of this version are:

-   Signals
-   `DestroyRef` and `takeUntilDestroyed`
-   Required inputs
-   Bind Router information to component inputs
-   Node.js v14 support has been removed
-   TypeScript 5.0 Support
-   Angular Compatibility Compiler (ngcc) has been removed
-   Server Side Rendering: Non-destructive hydration + now the results of a request done on the server side can be reused on the client side
-   Strict type checking for `ngTemplateOutlet`
-   `provideServiceWorker` function to register service workers in standalone applications
-   Experimental Jest support
-   Vite + Esbuild based dev server.

### 📢 [Nx v16 is here!](https://blog.nrwl.io/nx-16-is-here-69584ec87053)

Nx v16 is here. [Zack DeRose](https://twitter.com/zackderose) helps us explore the new features:

-   Simpler presets for React, Angular, and Node starter apps
-   Vite and Vitest support for integrated Nx monorepos
-   Official Deno plugin
-   Support for non-npm workspaces to support workspaces focused on other languages like C#, Java, and Kotlin
-   [Nx Console for JetBrains IDEs](https://youtu.be/xUTm6GDqwJM)
-   We have [decoupled the Nx version from Angular](https://youtu.be/AQV4WFldwlY) versions allowing you to update Nx without updating Angular

---

### 💎Angular Gems of April, 2023

#### 📰 [Join the Angular v16/17 Development: — Discover How to Collaborate with the Angular Team!](https://blog.bitsrc.io/join-the-angular-v16-17-development-discover-how-to-collaborate-with-the-angular-team-a033e2dad28c)

[Daniel Glejzner](https://twitter.com/DanielGlejzner) wrote an article about how the Angular team uses RFCs to discuss upcoming changes and how community contributors can collaborate with the Angular team:

---

#### 📰 [Angular: The Framework of Past, Present, and Future](https://dev.to/this-is-angular/angular-the-framework-of-past-present-and-future-87d)

[Santosh Yadav](https://twitter.com/SantoshYadavDev)’s post summarizes the history and development of the Angular frontend framework from the AngularJS times to the latest features. He covers the past, the present and the future of build tools, rendering engines, reactivity and change detection.

---

#### 📰 [Supabase And Angular: A Powerful Combination For Building Web Applications[(https://christianlydemann.com/supabase-and-angular-a-powerful-combination-for-building-web-applications/)

[Supabase](https://supabase.com/) is an open-source Firebase alternative based on PostgreSQL. [Christian Lüdemann](https://twitter.com/chrislydemann) showcases us how to create a to-do app with a Supabase backend and Angular frontend: he sets up a Supabase account, creates the database, builds the Angular app and explains how a production Supabase setup works.

---

#### 📰 [SPARTAN. Type-safe Angular full-stack development powered by Analog.](https://dev.to/this-is-angular/spartan-type-safe-angular-full-stack-development-powered-by-analog-17dm)

In his step-by-step tutorial, [Robin Goetz](https://twitter.com/goetzrobin) creates a simple application using the SPARTAN tech stack. SPARTAN consists of [Supabase](https://supabase.com/), [Prisma](https://www.prisma.io/), [Analog](https://analogjs.org/), [tRPC](https://trpc.io/), [Tailwind](https://tailwindcss.com/), [Angular](https://angular.io/), and [Nx](https://nx.dev/).

---

#### 📰 [Lazy loading services in Angular. What?! Yes, we can.](https://itnext.io/lazy-loading-services-in-angular-what-yes-we-can-cfbaf586d54e)

In his article, [Enea Jahollari](https://twitter.com/Enea_Jahollari) shows us how to use the dynamic import syntax and injectable decorators for lazy loading service instances.

---

### 📅Events and recordings

#### 📅WebExpo 2023

[WebExpo](https://webexpo.net/) is one of my favorite conferences, and Angular Addicts is a community partner of the event. 

> WebExpo is the largest conference in Central Europe for anyone whose business relates to the internet and who’d want to keep up-to-date.

They shared the recordings of the presentations on [SlidesLive](https://slideslive.com/webexpo):

I summarized my favorite moments here: [WebExpo 2023 —a summary from a front-end developer’s perspective](https://levelup.gitconnected.com/webexpo-2023-a-summary-from-a-front-end-developers-perspective-d06b426b66ba )

---

#### 📅Angular Tiny Conf 2023

[Angular Tiny Conf](https://www.angulartinyconf.com/) shared its 12 hour recording on [YouTube](https://www.youtube.com/watch?v=fs26vhD330U).

#### 📅NG-BE 2023

> NG-BE is a 2-day event in Ghent, Belgium, that brings together Angular developers and experts from all over the world to share ideas, news and opinions about Angular.

The recordings of [NG-BE 2023](https://ng-be.org/) are available on this [playlist](https://www.youtube.com/playlist?list=PL9pV_RwZceNgQS7jhRYTQ4mEdv4uzanq7).

---

💬 Tweets

Here is a collection of my favorite tweets from April, 2023:

- [Tomas Trajan: This #Angular node / rxjs compatibility table has been a life saver many many times, very happy to see that it was made official 💪💪💪  @LayZeeDK 🙏](https://twitter.com/tomastrajan/status/1650542637840056321)

- [Younes: #Angular 16 should be code-named Angular 3 🙃](https://twitter.com/yjaaidi/status/1650485871286648833)

- [Brecht Billiet: I never understood why people found #Angular hard. It forces us to code in an opinionated way. (https://twitter.com/brechtbilliet/status/1649697208034312192)
  - 🤔Typescript basics can be learned in a day.
  - 🤔Modules are optional and where just config objects
  - 🤔CLI fixes all config
  - 🤔DI can be learned in a few hours
  - 🤔#RxJS.. yes I get that 😅


### 🙋‍♂️Who is behind Angular Addicts?

My name is [Gergely Szerovay](https://medium.com/@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://newsletter.angularaddicts.com/) 🔥

Follow me on [Medium](https://medium.com/@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://angularaddicts.com/), these are the latest 3 issues:

- [Angular Addicts #12: Signals 🚦, Code organization principles, WebExpo & more](https://newsletter.angularaddicts.com/p/angular-addicts-12-signals-code-organization)

- [Angular Addicts #11: Signals 🚦 is coming, Angular 15.2: automatic migration to standalone components & more](https://newsletter.angularaddicts.com/p/angular-addicts-11-signals-is-coming)

- [Angular Addicts #10: New features in Angular 15.1, Unit testing tips, Tutorials & more](https://newsletter.angularaddicts.com/p/angular-addicts-10-new-features-in-angular-15-1)

---

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