Angular Addicts #26: Angular 18, best practices, recent conference recordings & more
My favorite Angular resources of May, 2024
👋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:
📢 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:
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:
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-deepNested 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!
