Hello, Angular Enthusiasts

Welcome to the 29th edition of the Angular Addicts Newsletter, a handpicked monthly digest of noteworthy Angular resources that have grabbed my attention. (You can check out the 28th, 27th, and 26th editions)

Version Updates

Angular 18.2: A Look at the New Features

August saw the arrival of Angular 18.2, the framework's newest minor release. Cédric Exbrayat highlights the significant additions:

  • The fakeAsync testing utility now automatically triggers a flush
  • A new whenStable utility has been introduced
  • Router gains a defaultQueryParamsHandling option
  • A migration tool now converts dependency injection from constructor-based to the inject function
  • Another migration can transform standalone components used in routes to be lazy-loaded
  • Enhanced diagnostics now flag uncalled functions in event bindings and unused @let declarations
  • The builder supports attribute-based loader configuration

Nx 19.5 Released: StackBlitz, Bun, Vite Incremental Builds, and More

Nx also received a minor version update last month. Zack DeRose provides a rundown of the latest features:

  • Integration with StackBlitz
  • Support for both Bun and pnpm v9
  • Detection of local flaky tasks
  • Improvements to the project detail view
  • Pattern support added for targetDefaults
  • Options to disable parallelism for specific targets
  • Incremental build support for Vite
  • Generators for Project Crystal conversion
  • Support for Gradle composite builds
  • Experimental: Gradle test atomization
  • Experimental: File-based versioning in Nx release
  • Compatibility with React 19 (rc) and Angular 18.1

Standout Angular Content from August 2024

Implicit Libraries with Nx: A Convention-Based Approach

Manfred Steyer demonstrates a method where an Nx plugin derives library configurations from established conventions. This "implicit libraries" concept allows you to spin up a new library simply by creating a directory containing an index.ts file.

This idea was originally introduced by Younes Jaaidi in a blog post. Jaaidi has also put together a detailed step-by-step tutorial on the subject.

Leveraging isolatedModules in Angular 18.2

TypeScript's isolatedModules feature now has support in Angular 18.2, which could lead to faster production build times. Mark Thompson and Charles Lyding delve into how it functions and how to configure it within an Angular project.

Embracing the Standalone Future

Angular 19 is set to make standalone: true the default for components, directives, and pipes. However, Alex Rickabaugh reassures that NgModules are not being deprecated. An automated migration will be provided that:

  • Strips standalone: true from all current standalone components
  • Adds standalone: false to components within NgModules to ensure they remain functional

Building an Environment-Agnostic Angular Application

Maksim Dolgikh discusses how to create a single application build that works across all environments, eliminating the need for environment-specific code. He proposes two approaches:

  • Fetching configuration from a dedicated config server
  • Using Docker to generate JSON config files during the image build phase

Converting a React Component to Angular

In a practical guide, Chau Tran contrasts the component composition models of React and Angular. He walks through using the Selection and Select components from React Three Fiber and shows how to port them over to Angular.

About the Author

I'm Gergely Szerovay, with years of experience as a data scientist and full-stack developer. Currently, I work as a frontend tech lead, focusing on Angular-based projects, which keeps me deeply engaged with the constantly shifting frontend landscape. To share insights, I founded the Angular Addicts monthly newsletter and publication in 2022, aiming to deliver the most useful resources I discover each month. Whether you're just starting out or have been developing with Angular for years, there's something here for you. If you'd like to contribute as a writer, don't hesitate to reach out. Let's continue learning Angular together! You can subscribe right here 🔥

Given the rapid evolution of Angular and the rise of generative AI transforming our development workflows, I've also decided to build AI tools publicly and document my progress on AIBoosted.dev. Follow along on this journey and subscribe here 🚀

For more on Angular and building AI apps with AI, TypeScript, React, and Angular, you can find me on Substack (Angular Addicts), Substack (AIBoosted.dev), Medium, Dev.to, Twitter, or LinkedIn!

Past Issues

If you've missed any earlier editions of the newsletter, you can find them all here. The most recent three are listed below:

Submit Your Angular Resource

Have you written or come across an engaging Angular-related article, post, or resource? Mention it in the comments or send me a direct message on Twitter! It might just get featured in a future issue of Angular Addicts!