Angular Addicts #23: Angular 17.2, Nx 18, Signal forms, Analog, WebExpo & more

👋Hey fellow Angular Addict

This is the 23rd issue of the Angular Addicts Newsletter, a monthly collection of carefully selected Angular resources that got my attention. (Here are the 22nd, 21st and 20th issues.)

📢Release announcements

📢What's new in Angular 17.2?

The latest minor version of Angular, 17.2, was released this month. I've listed and explained the most important changes and new features in my article: Master Angular 17.1 and 17.2

📢Nx 18

The Nx team introduced the new features of Nx 18 at the Launch Nx Conf. The video recording of the conference is available here and in the Launch Nx Week Recap article, which also summarizes the most important new features:

• Project Crystal: Nx plugins are now more like VsCode Extensions
• New plugin: @nx/nuxt (created with Project Crystal)
• Nx Agents: a new way to run your CI/CD pipelines
• Tusky: A powerful Artificial Intelligence equipped with context of your workspace, commit history, and historical build timing data
• New CLI command: nx release, it guides you through versioning packages, generating changelogs, and publishing packages in a JavaScript monorepo

📅WebExpo (Prague, Czechia, May 29-31, 2024)

I have been a social media partner of my favorite conference, WebExpo. It's a conference for developers, designers and anyone involved in creating digital products and services. The organizers kindly offered a promo code for my subscribers: Use the code “ANGULAR” at the checkout to get a 20% discount on a conference ticket.

💎Angular Gems of February, 2024

📰Bringing the power of Signals to Angular Forms with Signal Forms

Tim Deschryver began creating signal based forms. These are built on top of ngModel and have an API similar to reactive forms but use signals instead of RxJS. The implementation is still a work in progress. In this blog post, Tim explains his ideas behind signal forms, provides examples, and asks for feedback from the community.

📰How I Migrated My Course Platform To Analog (Step By Step)

In his article, Christian Lüdemann gives us a quick introduction to the Analog framework, explains the differences between Server Side Rendering (SSR), Static Site Generation and Client Side Rendering (CSR). Then he shows us how he uses Firebase Authentication on the server and client side, how he hydrates the NgRx store from SSR, and finally showcases some of the challenges he encountered during the migration.

📰There are no simply "hot" Observables in RxJS

Tomasz Ducin takes a deep dive into how the different observables work, and why the "hot" and "cold" observables concept is a confusing oversimplification.

📰Component Communication with Signals: Inputs, Two-Way Bindings, and Content/ View Queries

Angular 17.1 and 17.2 introduced Signal Inputs, Signal-based models (two-way bindings) and support for signal-based content and view queries. In his article, Manfred Steyer shows us how to use these new features.

📰Component DOM Testing in Angular

In his article, Francesco Borzì shows us examples of component DOM testing, and explains:

• the difference between component DOM testing and the e2e tests,
• the benefits of component DOM testing, and
• the page object design pattern

👨‍💻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 Substack, 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 #22: Angular 17.1, Signal Inputs, State management tips & more
• Angular Addicts #21: signal stores, router unit testing & more
• Angular Addicts #20: unit testing the new defer blocks, NGRX Signal store extensions, app architectures & 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!

Comments

[João Angelo]

Hi Gergely Szerovay,
Your tips are very useful
Thanks for sharing