Angular Addicts Issue #3: recent version updates, my fav tweets & more
Tags: angular, typescript, javascript, webdev
Published: 2022-09-19 10:22:22

## 👋 Hey fellow Angular Addict

This was the third issue of the Angular Addicts Newsletter, a monthly collection of carefully selected Angular resources that got my attention.

Let’s learn Angular together! [Subscribe here](https://newsletter.angularaddicts.com/) 🔥

You can read the [April (#1)](https://angularaddicts.com/angular-addicts-issue-1-nx-conf-dev-survey-more-2499fcaec1c8), [May (#2)](https://angularaddicts.com/angular-addicts-issue-2-angular-14-nx-14-rxjs-and-ngrx-tips-more-3c0e85a09d1e), [July (#4)](https://angularaddicts.com/angular-addicts-issue-4-micro-frontends-moduliths-tutorials-more-b36923db8cc2) and [August (#5)](https://angularaddicts.com/angular-addicts-issue-5-new-features-in-angular-14-2-bundle-size-optimization-tutorials-more-7ac29b66d421) issues [here](https://angularaddicts.com/).

---

## 💎Angular Gems of June, 2022

---

### 📰 [Angular Architecture Design](https://levelup.gitconnected.com/angular-software-architecture-design-ddde5ca111df)

In his article, Stefan Haas summarises how software architecture affects the development speed and maintainability of an Angular project, and then he describes the four most common architectures:

- Spaghetti,
- Monolith,
- Modulith and
- Micro Frontend.

### 📰 [Improving Angular Initial Load Time](https://levelup.gitconnected.com/improving-angular-initial-load-time-fba8b1289c48)

In case of large Angular applications, initial loading takes a lot of time, resulting in a poor user experience. Cristian-Florin Calina demonstartes six techniques for reducing the application loading time.

### 📰 [Angular CLI and Nx — Why?](https://blog.nrwl.io/angular-cli-and-nx-why-df160946888f)

Colum Ferry (@coly010) compares the features of Angular CLI and Nx CLI, explains the key differences and how Nx’s additional commands work.

### 📰 [RxJS Testing — Write Unit Tests for Observables](https://betterprogramming.pub/rxjs-testing-write-unit-tests-for-observables-603af959e251)

In his in-depth tutorial, Denis Loh explains how Marble testing works and shares different techniques you can use for covering your RxJS code with unit tests.

### 📰 [10 Tips to Be a Good Angular Developer](https://javascript.plainenglish.io/10-tips-to-be-a-good-angular-developer-9c50dccb26a8)

Ivano Di Gese explains ten best practices on how to organise your code and how to choose a UI kit and a state manager.

---

## 📢 Release announcements

---

### 📢 [Angular v14 is now available!](https://blog.angular.io/angular-v14-is-now-available-391a6db736af)

Angular 14 was released in early June, Emma Twersky’s blog post introduces the biggest highlights of this new version.

### 📢 [Announcing NgRx v14: Action Groups, ComponentStore Lifecycle Hooks, ESLint package, Revamped NgRx Component, and more!](https://dev.to/ngrx/announcing-ngrx-v14-action-groups-componentstore-lifecycle-hooks-eslint-package-revamped-ngrx-component-and-more-18ck)

v14 is a new major version of the NgRx framework, Brandon Roberts show us some interesting new features and updates.

### 📢 [Nx 14.2 — Angular v14, Storybook update, lightweight Nx and more!](https://blog.nrwl.io/nx-14-2-angular-v14-storybook-update-lightweight-nx-and-more-a93c646d41b6)

In his blog post, Juri Strumpflohner showcases the latest version Nx 14.2: it has Angular v14 and Storybook 6.5 support. It also includes performance optimisations to speed up development work.

### 📢 [Announcing TypeScript 4.8 Beta](https://devblogs.microsoft.com/typescript/announcing-typescript-4-8-beta/)

Daniel Rosenwasser (@danielrosenwasser) announces the latest beta release of TypeScript v4.8 and highlights what’s new in v4.8:

- Improved Intersection Reduction, Union Compatibility, and Narrowing
- Improved Inference for infer Types in Template String Types
--build, --watch, and --incremental Performance Improvements
- Errors When Comparing Object and Array Literals
- Improved Inference from Binding Patterns
- File-Watching Fixes (Especially Across git checkouts)
- Find-All-References Performance Improvements
- Breaking Changes

---

## 💬 Tweets

Here is a collection of my favourite tweets from June, 2022:

{% embed https://twitter.com/NetanelBasal/status/1542375925563670528 %}

{% embed https://twitter.com/angular/status/1532436173624418304 %}

{% embed https://twitter.com/DecodedFrontend/status/1541773757899055109 %}

{% embed https://twitter.com/Waterplea/status/1540629514824318976 %}

{% embed https://twitter.com/tomastrajan/status/1542146055483138053 %}

---

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

My name is Gergely Szerovay, 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. 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/) 🔥