Gergely Szerovay for This is Angular

Posted on Sep 12, 2023 • Originally published at angularaddicts.com

Angular Addicts #17: Angular v16.2, Combining Signals and Observables & more

#angular #typescript #ngrx #javascript

👋Hey fellow Angular Addict

This is the 17th issue of the Angular Addicts Newsletter, a monthly collection of carefully selected Angular resources that got my attention. (You can read the sixteenth, fifteenth, and fourteenth issue here.)

📢Release announcements

📢What's new in Angular 16.2?

In his blog post, Cédric Exbrayat summarizes the new features of Angular v16.2:

Binding inputs of NgComponentOutlet
afterRender and afterNextRender lifecycle hooks
RouterTestingHarness
Updated Angular CLI, new esbuild builder related features

📢Announcing the 0.2.0 release of Analog

Brandon Roberts announces the first stable release of Analog, the meta-framework built on top of Angular. Some of its key features:

Vite ecosystem (Vitest, Playwright, Cypress, and more) support
Filesystem-based routing
Support for markdown pages and blogs
Support for API/server routes
Hybrid SSR/SSG with sitemap and RSS feed support
Supports Angular CLI/Nx workspaces
Integration with tRPC for type-safe server interactions

Next to his announcement, Brandon published a new "How to Build a Blog with Analog and Angular" tutorial, too.

💎Angular Gems of August, 2023

📰Getting Started with spartan/ui - Shadcn-like UI Components for Angular

Robin Goetz introduces spartan/ui, an innovative collection of Angular UI primitives that are un-styled and accessible by default. It is inspired by the RadixUI and shadcn projects of the React ecosystem, and it comes in two parts:

Through spartan/ui/brain, they offer a versatile collection of un-styled UI building blocks that can be easily tailored to match your project's distinct visual and functional preferences.
With spartan/ui/helm, they provide pre-designed styles built on TailwindCSS and CSS variables. You can copy these into your project so you retain full control over their code, appearance, and overall experience.

📰NgRx Best Practices Series: 4. Facade Pattern

Rainer Hahnekamp released his fourth article of his NgRx Best Practices Series, explaining the Facade Pattern. This pattern decouples the stores from the rest of our application, so replacing, refactoring or unit testing our NgRx code becomes easier.

The previous articles and videos in his series:

Rainer is also the author of ng-news, it collects the latest updates from the Angular community in 100 seconds every week.

📰Angular Signals: Keeping the Reactivity Train

The MobX documentation contains an impressive collection of "incorrect usage" patterns for reactivity. In his article, Yevgeny Tuboltsev (OZ) applies these patterns to Angular Signals.

📰A sweet spot between signals and observables

Enea Jahollari and Chau Tran show us how they implemented a function that helps combine Observables and Signals. It's like a new version of combineLatestObject() that can accept both Observables and Signals as an argument, and post-processes the combined result through an NgRx pipe().

📰How to migrate Angular CoreModule to standalone APIs

In his tutorial, Tomas Trajan demonstrates how to migrate an Angular CoreModule (or any other Angular module) to standalone APIs. He explains how to:

Register providers
Prevent multiple injection of a provider
Handle parametrization and options
Run a logic when the injector is initialized

👨‍💻About the author

My name is Gergely Szerovay, I work as a frontend development chapter lead. Teaching (and learning) Angular is one of my passions. I consume content related to Angular on a daily basis — articles, podcasts, conference talks, you name it.

I created the Angular Addict Newsletter 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.

Next to the newsletter, I also have a publication called — you guessed it — Angular Addicts. It is a collection of the resources I find most informative and interesting. Let me know if you would like to be included as a writer.

Let’s learn Angular together! Subscribe here 🔥

Follow me on Medium, Dev.to, Twitter or LinkedIn to learn more about Angular!

🕹️Previous issues

If you missed the previous issues of the newsletter, you can read them here, these are the latest 3 issues:

📨 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!

DEV Community