👋 Welcome, Angular Enthusiast

Welcome to the 28th edition of the Angular Addicts Newsletter—a curated monthly roundup of Angular resources that have captured my interest. If you missed earlier editions, you can browse the 27th, 26th, and 25th issues here.

📢 Version Updates

📢 Angular 18.1: What’s New?

July brought us Angular 18.1, the newest minor release. Cédric Exbrayat breaks down the notable additions:

  • Compatibility with TypeScript 5.5
  • The new @let template syntax
  • afterRender and afterNextRender lifecycle hooks
  • Custom equality function support for toSignal
  • RouterLink now accepts UrlTree
  • New browserUrl option in the Router
  • Expanded Angular language service diagnostics for uncalled functions
  • CLI enhancements: faster compilation via isolatedModules, WASM support, inspect flag, and chunk size optimization

💎 Top Angular Reads from July 2024

📰 SSR in Angular: A Comprehensive Reference

Alexander Thalhammer offers a thorough walkthrough of Server-Side Rendering (SSR), Static Site Generation (SSG), Hydration, and Event Replay. The article covers implementation steps within an Angular project and includes practical recommendations for refining the user experience.

📰 Component Testing in Angular: NO_ERRORS_SCHEMA, Stubs, and NgMocks

Through hands-on demonstrations, Dany Paredes illustrates how to test components that depend on child components or external libraries. The focus is on leveraging the NgMocks library to streamline the process.

📰 Angular Material: What Lies Ahead

In an official update, Mark Thompson and Jeremy Elbourn address concerns regarding Google's Material Web Components (MWC). They confirm that Angular Material is unaffected since it does not depend on MWC, and it continues to receive active support. The team’s roadmap emphasizes enriching the Angular CDK and its documentation to empower developers in crafting exceptional interfaces.

📰 Real-Time Chat with Angular and Firebase

Moe Mollaie discusses scenarios where real-time functionality is essential and compares various approaches. He then proceeds to construct a live chat application from scratch using Angular paired with Firebase.

📰 RxJS vs. Signals in Angular: Making the Choice

Igor Pak explores two concrete examples to demonstrate when Signals are more appropriate than RxJS. His analysis reveals that while Signals excel at managing state and straightforward updates, they can fail to emit intermediate values in more intricate workflows.

👨‍💻 About the Author

I'm Gergely Szerovay. My career has spanned roles as a data scientist and full-stack developer, and I now serve as a frontend tech lead with a focus on Angular. During my tenure, I've paid close attention to the evolution of Angular and the broader frontend ecosystem. With the aim of sharing useful findings, I established the Angular Addicts newsletter in 2022, curating top resources each month. Whether you're just starting out or consider yourself a veteran, there's something here for you. Interested in contributing? Feel free to reach out. Let's deepen our Angular expertise together—subscribe here 🔥

Given the rapid advancements in Angular and the recent surge in generative AI transforming development workflows, I've decided to explore AI-assisted software building openly. You can follow my progress and experiments on AIBoosted.dev. Come along on this journey—subscribe here 🚀

Stay connected for more insights on Angular and building AI applications with AI, TypeScript, React, and Angular by following me on Substack (Angular Addicts), Substack (AIBoosted.dev), Medium, Dev.to, Twitter, or LinkedIn.

🕹️ Earlier Editions

Want to catch up on past newsletters? You can access them all here. Here are the three most recent installments:

📨 Got a Resource to Share?

Stumbled upon an interesting Angular article, a thought-provoking tweet, or another valuable resource? Mention it in the comments below or send me a direct message on Twitter. Your suggestion might be showcased in an upcoming edition!