Welcome Back, Angular Enthusiasts

Welcome to the 17th edition of the Angular Addicts Newsletter, your monthly digest of hand-picked Angular resources that have caught my eye. (Missed earlier editions? Check out #16, #15, and #14.)

🆕 What's Been Released

Angular v16.2: A Quick Overview

Cédric Exbrayat breaks down the latest features in Angular v16.2 in his detailed post. Here's what you can expect:

  • NgComponentOutlet now supports input binding
  • New afterRender and afterNextRender lifecycle hooks
  • A new RouterTestingHarness for easier testing
  • Updates to the Angular CLI, including enhancements to the esbuild builder

Analog 0.2.0 is Now Available

Brandon Roberts announced the first stable release of Analog, the meta-framework that sits on top of Angular. Here are some of its standout features:

  • Seamless integration with the Vite ecosystem, including Vitest, Playwright, and Cypress
  • Routing based on the filesystem structure
  • Built-in support for markdown pages and blogs
  • Ability to define API and server routes
  • Hybrid SSR/SSG capabilities with sitemap and RSS feed generation
  • Compatibility with Angular CLI and Nx workspaces
  • Out-of-the-box integration with tRPC for type-safe server communication

Alongside this announcement, Brandon has also published a new tutorial on building a blog with Analog and Angular.

💎 Top Picks from August 2023

Exploring spartan/ui: A New UI Primitive Library

Robin Goetz introduces spartan/ui, a fresh collection of Angular UI primitives that are accessible and un-styled right out of the box. Drawing inspiration from RadixUI and shadcn in the React world, it's split into two main parts:

  • spartan/ui/brain, which offers a versatile set of un-styled building blocks that you can easily adapt to your project's unique design and functional needs.
  • spartan/ui/helm, which provides pre-built styles using TailwindCSS and CSS variables. These can be copied directly into your project, giving you complete control over the code and appearance.

NgRx Best Practices: The Facade Pattern

Rainer Hahnekamp continues his series on NgRx best practices with a deep dive into the Facade Pattern. This approach helps isolate your stores from the rest of the application, making NgRx code easier to refactor, test, or even replace.

If you've missed the earlier parts of the series, here they are:

Rainer is also the creator of ng-news, a weekly roundup of Angular community updates that you can consume in just 100 seconds.

Avoiding Common Pitfalls with Angular Signals

Inspired by a collection of "incorrect usage" patterns for reactivity found in the MobX documentation, Yevgeny Tuboltsev (OZ) applies these examples directly to Angular Signals.

Bridging Signals and Observables

Enea Jahollari and Chau Tran demonstrate how to create a utility function that combines both Observables and Signals. Think of it as an evolved version of combineLatestObject() that accepts a mix of both types and processes the result through an NgRx pipe().

Migrating CoreModule to Standalone APIs

Tomas Trajan walks us through the process of migrating an Angular CoreModule (or any other module) to standalone APIs. The tutorial covers:

  • How to register providers
  • Ensuring a provider is only injected once
  • Handling parametrization and options
  • Executing logic when the injector initializes

👨‍💻 A Little About Me

Hi, I'm Gergely Szerovay. I lead a frontend development chapter, and I'm passionate about both teaching and learning Angular. I make it a point to consume Angular-related content—articles, podcasts, conference talks—on a daily basis.

The Angular Addict Newsletter is my way of sharing the most valuable resources I stumble upon each month, whether you're just starting or you're a seasoned pro.

In addition to the newsletter, I run a publication called Angular Addicts, which curates the resources I find most insightful. If you'd like to contribute as a writer, feel free to reach out.

Let's continue this Angular journey together! Subscribe here 🔥

You can also follow me on Medium, Dev.to, Twitter or LinkedIn for more Angular insights!

🕹️ Catch Up on Past Issues

If you've missed any of the previous newsletters, you can find them all here. The latest three are:

📨 Got an Angular Resource to Share?

Have you come across an interesting Angular piece—an article, a tweet, or anything else—recently? Drop a comment below or send me a DM on Twitter. It might just get featured in the next issue!