Angular Addicts #17: Angular v16.2, Combining Signals and Observables & more
My favorite Angular resources of August, 2023
👋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:
Angular Addicts #16: Signals vs. RxJS, combined test coverage reports & more
Angular Addicts #15: Angular v16.1, Typescript 5.1, new RFCs & more
Angular Addicts #14: Angular v16, Signals and SignalStore, fine-grained change detection & more
📨 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!