Angular Addicts #15: Angular v16.1, Typescript 5.1, new RFCs & more
Tags: angular, typescript, nx, javascript
Published: 2023-07-25 06:43:19

---
title: Angular Addicts #15: Angular v16.1, Typescript 5.1, new RFCs & more
published: true
description: My favorite Angular resources of June, 2023
tags: #angular #typescript #nx #javascript
canonical_url: https://www.angularaddicts.com/p/angular-addicts-15-angular-v161-typescript
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ghl6ueq2qrwwqfjpcqgt.png
# Use a ratio of 100:42 for best results.
# published_at: 2023-07-24 17:24 +0000
---

## 👋Hey fellow Angular Addict

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

---

## 📢Release announcements


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

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



* TypeScript 5.1 support
* Transform input values
* Fetch backend for the Angular HTTP client
* Angular CLI: `--force-esbuild` option to force the usage of esbuild for `ng serve`

---

### 📢[Announcing TypeScript 5.1](https://devblogs.microsoft.com/typescript/announcing-typescript-5-1/)

[Daniel Rosenwasser](https://twitter.com/drosenwasser) highlighted the most interesting new features in his announcement:



* Easier Implicit Returns for undefined-Returning Functions
* Unrelated Types for Getters and Setters
* Decoupled Type-Checking Between JSX Elements and JSX Tag Types
* Namespaced JSX Attributes
* `typeRoots` Are Consulted In Module Resolution
* Linked Cursors for JSX Tags
* Snippet Completions for `@param` JSDoc Tags
* Optimizations
* There are also some breaking changes

---

## 💬RFCs


### 💬[RFC: Built-In Control Flow](https://github.com/angular/angular/discussions/50719)

This RFC proposes a new control flow syntax for the Angular HTML templates. It is heavily inspired by [Svelte’s](https://svelte.dev/docs/introduction) control flow, as well as by the [Mustache](https://mustache.github.io/) templating language. 

[Daniel Glejzner](https://twitter.com/DanielGlejzner) explains the proposed transition from the current structural directives (NgIf, NgForOf, NgSwitch) to the new syntax in his article: [Angular is getting New Template Syntax](https://itnext.io/angular-is-getting-new-template-syntax-ff66bc5f02f7).

 
---


### 💬[RFC: Deferred Loading](https://github.com/angular/angular/discussions/50716)

This RFC describes mechanisms that allow lazily loading of the lower priority parts of the UI or the page.

[Manfred Steyer](https://twitter.com/ManfredSteyer)'s post summarizes both RFCs with examples: [Latest Angular RFCs: Control Flow & Deferred Loading](https://www.angulararchitects.io/aktuelles/angulars-upcoming-control-flow-deferred-loading/). 

---

## 💎Angular Gems of June, 2023


### 📰[Angular Testing in 2023 - Past, Present, and Future](https://dev.to/this-is-angular/angular-testing-in-2023-past-present-and-future-j5m)

Angular 16 has deprecated Karma and introduced Jest in experimental mode. These changes raise a lot of questions. [Rainer Hahnekamp](https://twitter.com/rainerhahnekamp) explains this situation and the current state of testing in Angular.

---


### 📰[Making Angular Custom Form Components Easier to Work With](https://medium.com/@wayneleung_2900/making-angular-custom-form-components-easier-to-work-with-e2f7ace48cb2)

[Wayne Leung](https://www.linkedin.com/in/wayne-leung-1242422a/) compares the following approaches for creating custom form components:



* Angular's Template driven forms and Reactive forms
* Native script's `BaseValueAccessor`
* [ngspot/ng-superclass](https://www.npmjs.com/package/@ngspot/ng-superclass): a library for simplifying writing reactive Angular components/directives and custom controls that implement ControlValueAccessor
* [Angora Forms](https://www.angoraforms.com/): a new custom form component abstraction library

---


### 📰[The Best Way To Use Signals In Angular Apps](https://christianlydemann.com/the-best-way-to-use-signals-in-angular-apps/)

In his article, [Christian Lüdemann](https://twitter.com/chrislydemann) compares Signals and RxJs, explains the core elements of Signals then builds a Todo app with Signals.

---

### 📰[Fine-grained Architecture with Nx](https://ng-journal.com/blog/2023-06-11-fine-grained-architecture-with-nx/)

[Stefan Haas](https://twitter.com/StefanvHaas) explains how Nx's local cache and Nx Cloud work, then suggests an architecture that aims to create the fastest possible builds.

---

## 📅Events and recordings


## 📅[ng-conf 2023](https://ng-conf.org/)

The recordings of some talks of ng-conf 2023 are available on their [channel](https://www.youtube.com/@ngconfonline/videos):



* [Angular Keynote | Minko Gechev & Jeremy Elbourn](https://www.youtube.com/watch?v=D3sEqH9MwEE)
* [Superpowers with Signals | Emma Twersky & Alex Rickabaugh](https://www.youtube.com/watch?v=BBhJJ0XJkfU)
* [Faster apps with Angular SSR | Mark Thompson & Jessica Janiuk](https://www.youtube.com/watch?v=rnvKzwzkEuI)
* [Angular Team Panel Q&A](https://www.youtube.com/watch?v=ll-fsZNhSTY)

---

## 👨‍💻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 #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)
* [Angular Addicts #12: Signals 🚦, Code organization principles, WebExpo & more](https://www.angularaddicts.com/p/angular-addicts-12-signals-code-organization)


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