👋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, 24th and 23rd 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 article.

Minko Gechev from the Angular Team summarizes the most important new features in his release announcement.

📢Nx 19.2

In his article series, Jonathan Gelin explains some of the new features of the latest Nx versions:

• Cherry-Picked Nx v19 Updates
• Cherry-Picked Nx v19.1 Updates
• Cherry-Picked Nx v19.2 Updates

📢 RxAngular 17.2

In their blog post, New Features for RxAngular - Native signal support & improved state configuration, Julian Jandl and 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 '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

In his blog post, Matthieu Riegler 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

Manfred Steyer wrote a 4-piece article series about Angular Signals:

• Signals in Angular: The Future of Change Detection
• Component Communication with Signals: Inputs, Two-Way Bindings, and Content/ View Queries
• Successful with Signals in Angular – 3 Effective Rules for Your Architecture
• 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 released two articles about accessing native DOM elements in Angular:

• Part 1: Stop using @ViewChild
• Part 2: Stop using @ViewChild

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

The Angular team recently merged a PR with the new @let syntax, allowing Angular developers to declare local variables in templates. In his blogpost, Netanel Basal explains when and how to use this new feature.

📰Improving Code Reusability in Angular Projects

In his article, Evgeniy Tuboltsev (OZ) 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

The recordings of the Web-related talks of Google I/O 2024 are available on this playlist. In their What's new in Angular talk, Minko Gechev, Jessica Janiuk and Jeremy Elbourn focused on the latest features of Angular.

🎞️ JSWorld 2024

The recordings of the JSWorld 2024 conference are available here. At this conference, Minko Gechev talked about the Angular Renaissance.

🎞️WebExpo 2024

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.

👨‍💻About the author

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

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. Join my on this learning journey: Subscribe here 🚀

Follow me on Substack (Angular Addicts), Substack (AIBoosted.dev), Medium, Dev.to, Twitter or LinkedIn 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! I might feature it in the next Angular Addicts issue!