👋Hello, Angular Enthusiasts

Welcome to the 30th edition of the Angular Addicts Newsletter — a hand-picked monthly roundup of notable Angular resources that have stood out to me. (Check out the 29th, 28th, and 27th issues)

📢Version Updates

📢Nx 19.8 Update

Zack DeRose highlights what's new in the latest Nx release:

  • Nx import is now generally available
  • Enhanced task scheduling capabilities
  • Project Crystal extends to Angular — it automatically infers tasks for workspace projects, eliminating the need for explicit task definitions in every project.json or angular.json file
  • Single-command workspace crystalization
  • Fresh Nx workspaces now come with ESLint 9 preconfigured

💎Outstanding Angular Content from September 2024

📰 When (Not) to Use Effects in Angular — and what to do instead

In his piece, Manfred Steyer argues that effects should be reserved primarily for rendering operations that data binding can't handle — logging, canvas drawing, or bespoke DOM interactions. For displaying data through binding or reacting to signal updates, he recommends computed for synchronous signal-derived values. Alternatively, RxJs or reactive utilities like rxMethod prove useful for responding to the events that trigger signal changes.

📰 Fascinating Dependency Injection

Armen Vardanyan takes a deep dive into Angular's Dependency Injection (DI) system. He demonstrates intriguing patterns such as resolving dynamic dependencies based on query parameters, sharing a form instance between parent and child components, and offering app-wide configuration settings.

📰 Top 10 Angular Architecture Mistakes You Really Want To Avoid

In his newest post, Tomas Trajan compiles frequent Angular pitfalls developers encounter, including:

  • Overlooking the distinction between eager and lazy-loaded application sections
  • Employing multiple patterns to accomplish the same objective
  • Prioritizing DRY principles over ISOLATION
  • Manual architecture assessment instead of leveraging automated tooling
  • Lacking understanding of Angular's two core systems and their governing principles

📰 Using Storybook with Angular and Vite

Out of the box, Angular and Storybook rely on Webpack for building and serving the Storybook app. This tutorial from Brandon Roberts walks you through setting up Storybook with Angular while employing Vite as the dev server.

📰 Caching API Requests in Angular: Better, Faster and Stronger

Koye Mohan Reddy demonstrates how to cache API calls in Angular for better performance and user experience. His approach covers caching through HTTP Interceptors, strategies for cache invalidation, and managing memory consumption limits.

👨‍💻About the Author

I'm Gergely Szerovay — I spent years as a data scientist and full-stack developer before moving into a frontend tech lead role centered on Angular. In that capacity, I keep a close watch on Angular's trajectory and the broader frontend landscape. To pass along what I discover, I launched the Angular Addicts monthly newsletter and publication in 2022, delivering the top resources I encounter each month. Whether you're a seasoned Angular Addict or just starting out, there's something for you. Reach out if you'd like to contribute as a writer. Let's dive into Angular together! Subscribe here 🔥

Angular has shifted swiftly in recent years, and the last twelve months have brought rapid changes to software development workflows with generative AI on the rise. To stay ahead of how AI-assisted development is evolving, I've decided to build AI tools openly, documenting my progress on AIBoosted.dev. Come along on this learning path: Subscribe here 🚀

Connect with me on Substack (Angular Addicts), Substack (AIBoosted.dev), Medium, Dev.to, Twitter, or LinkedIn for more insights on Angular and building AI-driven apps with AI, Typescript, React, and Angular!

🕹️Earlier Editions

Missed a prior newsletter? Browse them all here — the three most recent are:

📨Share Your Angular Finds

Stumbled upon or authored a compelling Angular-related article, tweet, or resource lately? Drop a note in the comments or message me on Twitter! Your submission might appear in an upcoming Angular Addicts issue!