👋 Hello, Angular Enthusiast

Welcome to the 26th edition of the Angular Addicts Newsletter, a hand-picked monthly roundup of notable Angular resources that have caught my eye. (For previous editions, see the 25th, 24th, and 23rd issues.)

📢 Version Updates and Releases

📢 Angular v18 Is Here

Angular's newest major release arrived this month. I've summarized the highlights and new capabilities in my What's new in Angular 18 piece.

Minko Gechev from the Angular Team outlines the key additions in the official release announcement.

📢 Nx 19.2

Through his article series, Jonathan Gelin breaks down the notable updates introduced in the latest Nx releases:

📢 RxAngular 17.2

In their blog post, New Features for RxAngular - Native signal support & improved state configuration, Julian Jandl and Enea Jahollari explore RxAngular's latest additions, including first-class signal support in its main directives: rxIf, rxLet, rxFor, and rxVirtualFor.

📢 Storybook 8.1

Michael Shilman's article highlights the essential points about this latest Storybook release:

  • Automatic story creation and saving from controls
  • Type-safe, standards-compliant module mocking
  • Unit testing for React Server Components
  • Portable stories for Playwright Component Tests

💎 Top Angular Reads from May 2024

📰 Swap Your @Input setters for input() signals

In a recent post, Matthieu Riegler examines the issues associated with @Input setters in Angular applications. He then shows how adopting input() signals, in combination with effect(), can lead to a more dependable and error-free solution.

📰 Mastering Signals in Angular – Practical Tips for Professionals

Manfred Steyer has published a four-part blog series focusing on Angular Signals:

In the series finale, Manfred offers advanced techniques for merging signals with RxJS, allowing you to leverage the strengths of both.

📰 Move Away from @ViewChild

Rajesh Kumar has published a two-part series on managing native DOM elements within Angular:

He argues against the use of @ViewChild as it can reduce component reusability and clarity. His suggested alternative is to employ attribute directives, and he illustrates their benefits through a couple of refactoring exercises.

📰 A First Look at Angular's New @let Syntax for Template Variables

Recently, the Angular team merged a PR that introduces the @let syntax, which enables developers to define local variables directly within templates. In his post, Netanel Basal discusses the appropriate contexts and methods for using this new functionality.

📰 Enhancing Code Reuse in Angular Projects

In his write-up, Evgeniy Tuboltsev (OZ) offers advice on making Angular applications more reusable, maintainable, and scalable. His topics include:

  • Pure functions
  • Managing component state
  • Composition vs. inheritance
  • ::ng-deep
  • Nested subscriptions

🎞️ Conference Talks and Recordings

🎞️ Google IO 2024

Recordings of the web-focused sessions from Google I/O 2024 are now available on this playlist. In their What's new in Angular presentation, Minko Gechev, Jessica Janiuk, and Jeremy Elbourn discussed the newest features of the framework.

🎞️ JSWorld 2024

All talks from the JSWorld 2024 conference are posted here. During the event, Minko Gechev gave a talk on the Angular Renaissance.

🎞️ WebExpo 2024

WebExpo holds a special place among my favorite conferences, and I'm pleased to note that Angular Addicts serves as a community partner for 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.

Presentation recordings have been shared on SlidesLive.

👨‍💻Meet the author

I'm Gergely Szerovay. After years working as a data scientist and full-stack developer, I now spend my days as a frontend tech lead with a strong focus on Angular. Keeping tabs on how Angular — and frontend development more broadly — keeps shifting is part of my day job. That’s why I launched the Angular Addicts newsletter and publication back in 2022: a monthly roundup of the best content I come across. Whether you’re just getting your feet wet with Angular or you’ve been at it for years, there's something here for you. Want to contribute? Drop me a line and we’ll talk about adding you as a writer. Let’s learn Angular together — subscribe right here 🔥

Angular has been moving at a breakneck pace lately, and the surge of generative AI over the last year has transformed how we build software day to day. To stay close to what's happening in AI-assisted development, I've started building AI tools out in the open and sharing my progress on AIBoosted.dev. Come along for the ride: subscribe here 🚀

You can also find me on Substack (Angular Addicts), Substack (AIBoosted.dev), Medium, Dev.to, Twitter, and LinkedIn — whether you want to dig deeper into Angular, or explore building AI-powered apps with AI, TypeScript, React, and Angular.

📨 Share your Angular finds

Stumbled on a great Angular article, tweet, or any other resource lately — or wrote one yourself? Let me know in the comments below, or send me a DM on Twitter! There's a good chance it'll show up in the next edition of Angular Addicts.