Angular Addicts #26: Angular 18, best practices, recent conference recordings & more
Tags: angular, typescript, ngrx, javascript
Published: 2024-06-11 06:50:32

---
title: Angular Addicts #26: Angular 18, best practices, recent conference recordings & more
published: true
description: My favorite Angular resources of May, 2024
tags: #angular #typescript #ngrx #javascript
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lrznza5znvoxen6swzwi.png
canonical_url: https://www.angularaddicts.com/p/angular-addicts-26-angular-18-signal-inputs
---
## 👋Hey fellow Angular Addict
This is the 26th issue of the Angular Addicts Newsletter, a monthly collection of carefully selected Angular resources that got my attention. (Here are the [25th](https://www.angularaddicts.com/p/angular-addicts-25-angular-and-wiz),  [24th](https://www.angularaddicts.com/p/angular-addicts-24-signals-tan-stack) and [23rd](https://www.angularaddicts.com/p/angular-addicts-23-angular-17-2-signal-forms) issues.)
## 📢Release announcements
### 📢Angular v18 is now available!
The latest version of Angular was released this month. I listed the most important changes and new features in my [What's new in Angular 18](https://www.angularaddicts.com/p/whats-new-in-angular-18) article.

[Minko Gechev](https://twitter.com/mgechev) from the Angular Team summarizes the most important new features in his [release announcement](https://blog.angular.dev/angular-v18-is-now-available-e79d5ac0affe).
### 📢Nx 19.2
In his article series, [Jonathan Gelin](https://hashnode.com/@gelinjo) explains some of the new features of the latest Nx versions:

- [Cherry-Picked Nx v19 Updates](https://gelinjo.hashnode.dev/cherry-picked-nx-v19-updates)
- [Cherry-Picked Nx v19.1 Updates](https://gelinjo.hashnode.dev/cherry-picked-nx-v191-updates)
- [Cherry-Picked Nx v19.2 Updates](https://gelinjo.hashnode.dev/cherry-picked-nx-v192-updates)

### 📢 RxAngular 17.2

In their blog post, [New Features for RxAngular - Native signal support & improved state configuration](https://push-based.io/article/new-features-for-rxangular-native-signal-support-and-improved-state), [Julian Jandl](https://x.com/hoebbelsB) and [Enea Jahollari](https://x.com/Enea_Jahollari) take a deep dive into RxAngular's newest features, including native support for signals across its core directives: `rxIf`, `rxLet`, `rxFor`, and `rxVirtualFor`.

### 📢 Storybook 8.1

[Michael Shilman](https://twitter.com/@mshilman) 's article covers the main things you need to know about the new Storybook version:
- Story auto-generation and saving from controls
- Type-safe, standards-based module mocking
- Unit testing React Server Components
- Portable stories for Playwright Component Tests

## 💎Angular Gems of May, 2024
### 📰[Replace your @Input setters with input() signals](https://riegler.fr/blog/2024-05-01-input-setters-caveats)
In his blog post, [Matthieu Riegler](https://x.com/Jean__Meche) discusses the pitfalls of using `@Input` setters in Angular applications, and then highlights how using `input()` signals, along with `effect()`, can provide a more reliable, glitch-free approach.
### 📰[Skillfully Using Signals in Angular – Selected Hints for Professional Use](https://www.angulararchitects.io/en/blog/skillfully-using-signals-in-angular-selected-hints-for-professional-use/)

[Manfred Steyer](https://x.com/ManfredSteyer) wrote a 4-piece article series about Angular Signals:
- [Signals in Angular: The Future of Change Detection](https://www.angulararchitects.io/en/blog/angular-signals/)
- [Component Communication with Signals: Inputs, Two-Way Bindings, and Content/ View Queries](https://www.angulararchitects.io/en/blog/component-communication-with-signals-inputs-two-way-bindings-and-content-view-queries/)
- [Successful with Signals in Angular – 3 Effective Rules for Your Architecture](https://www.angulararchitects.io/en/blog/successful-with-signals-in-angular-3-effective-rules-for-your-architecture/)
- [Skillfully Using Signals in Angular – Selected Hints for Professional Use](https://www.angulararchitects.io/en/blog/skillfully-using-signals-in-angular-selected-hints-for-professional-use/)

In the latest part of the series, Manfred provides advanced tips on combining signals with RxJS to get the best of both worlds.
### 📰Stop using @ViewChild
[Rajesh Kumar](https://medium.com/@rk22mar/about) released two articles about accessing native DOM elements in Angular:

- [Part 1: Stop using @ViewChild](https://medium.com/@rk22mar/stop-using-viewchild-36479592bef7)
- [Part 2: Stop using @ViewChild](https://medium.com/@rk22mar/part-2-stop-using-viewchild-495cf7a4cf9e)

He advises against using `@ViewChild` because it can make components less reusable and clean. Instead, he recommends using attribute directives. He demonstrates the benefits of attribute directives through refactoring examples.
### 📰[Exploring Angular’s New @let Syntax: Enhancing Template Variable Declarations](https://netbasal.com/exploring-angulars-new-let-syntax-enhancing-template-variable-declarations-40487b022b44)
The Angular team recently merged a [PR](https://github.com/angular/angular/pull/55848) with the new `@let` syntax, allowing Angular developers to declare local variables in templates. In his blogpost, [Netanel Basal](https://x.com/NetanelBasal) explains when and how to use this new feature.
### 📰[Improving Code Reusability in Angular Projects](https://medium.com/@eugeniyoz/improving-code-reusability-in-angular-projects-b169d4a1c786)
In his article, [Evgeniy Tuboltsev (OZ)](https://twitter.com/eugeniyoz) shares some recommendations on how to make our Angular applications reusable, maintainable, and scalable. He covers the following topics:
* Pure functions
* Component state management
* Composition vs. inheritance
* `::ng-deep`
* Nested subscriptions

## 🎞️ Events and recordings

### 🎞️ [Google IO 2024](https://io.google/2024/)
The recordings of the Web-related talks of Google I/O 2024 are available on this [playlist](https://www.youtube.com/playlist?list=PLOU2XLYxmsIKeQI4KTrrplA_mUPI3Lq5b). In their [What's new in Angular](https://www.youtube.com/watch?v=srP2P6j4Cqw&list=PLOU2XLYxmsIKeQI4KTrrplA_mUPI3Lq5b&index=6) talk,  Minko Gechev, Jessica Janiuk and Jeremy Elbourn focused on the latest features of Angular.
### 🎞️ [JSWorld 2024](https://jsworldconference.com/sessions)
The recordings of the JSWorld 2024 conference are available [here](https://jsworldconference.com/sessions). At this conference, Minko Gechev talked about the  [Angular Renaissance](https://www.youtube.com/watch?v=R6C85hiOp1E&t=3s).
### 🎞️[WebExpo 2024](https://webexpo.net/)

WebExpo 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/webexpo-2024).

## 👨‍💻About the author

My name is [Gergely Szerovay](https://www.linkedin.com/in/gergelyszerovay/), I worked as a data scientist and full-stack developer for many years, and I have been working as frontend tech lead, focusing on Angular based frontend development. As part of my role, I'm constantly following how Angular and the frontend development scene in general is evolving. To share my knowledge, I started the [Angular Addicts](https://angularaddicts.com/) monthly newsletter and publication in 2022, 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. Let me know if you would like to be included as a writer. Let’s learn Angular together! [Subscribe here](https://www.angularaddicts.com/) 🔥

Angular has evolved very rapidly over the past few years, and in the past year, with the rise of generative AI, our software development workflows have also evolved rapidly. In order to closely follow the evolution of AI-assisted software development, I decided to start building AI tools in public, and publish my progress on [AIBoosted.dev](https://aiboosted.dev). Join my on this learning journey: [Subscribe here](https://aiboosted.dev) 🚀

Follow me on [Substack (Angular Addicts)](https://www.angularaddicts.com/), [Substack (AIBoosted.dev)](https://aiboosted.dev), [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, and how to build AI apps with AI, Typescript, React and Angular!

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