👋 Welcome Back, Angular Addicts

This marks the 24th edition of the Angular Addicts Newsletter, a monthly digest of hand-picked Angular resources that have caught my eye throughout the month. (You can find the 23rd, 22nd, and 21st editions here.)

📢 Release Highlights

📢 Angular 17.3 — What's New?

Earlier this month, the Angular team shipped version 17.3. I've broken down the key changes and additions in a dedicated summary: What's new in Angular 17.3.

📢 Storybook 8 Is Here

In his latest post, Michael Shilman highlights the most notable updates in this major release:

  • Visual testing now comes built-in
  • Support for React Server Components
  • Enhanced automatic controls generation for Vue and React
  • Rebuilt Vite architecture, integrated Vitest testing, and compatibility with Vite 5
  • Test builds are now 2-4 times faster
  • A modernized desktop UI
  • Completely revamped mobile experience
  • No more React dependency for projects not using React

🎫 Chance to Win a Free Ticket to WebExpo Conf

Taking place in Prague, Czechia from May 29-31, 2024, WebExpo is a gathering for developers, designers, and anyone crafting digital products and services. It's my favorite event I've attended, and for the second year in a row, I've joined as a community partner. This means I have one free ticket to give away to my followers!

➡️ How to Enter the Raffle

To be included in the draw, sign up for Webexpo's newsletter: https://webexpo.net/webexpo-newsletter/.

Once you've subscribed, send a screenshot of your confirmation to this email: gergely.szerovay+we24@gmail.com. Make sure to use the subject line “WebExpo Angular Addicts Ticket”.

Entries sent to this email address up until Monday, April 22, 2024, at 23:59 CEST will be considered.

A few details to keep in mind: The prize is a standard conference ticket granting access to the sessions on May 29-30. It does not include the Premium Workshops scheduled for May 31. The ticket cannot be transferred to another person, and it is non-refundable if the winner is unable to attend. Travel and lodging costs are also not covered.

Here’s the quick rundown:

1️⃣ Sign up for the Webexpo newsletter
2️⃣ Email me the subscription screenshot

❗️Please review the DATE & LOCATION before entering. Only participate if you're certain you can make it! Thanks for being mindful. And feel free to spread the word to friends and colleagues!

On Tuesday, April 23, 2024, the winner will be selected at random.

I'll reach out via email to confirm.

BEST OF LUCK!

Explore the WebExpo 2024 site: https://webexpo.net/

📆 Event dates: May 29-31, 2024
📍 Venue: Prague, Czechia

🎞️ Catch up on talks from previous years

🏷️If you'd rather buy a ticket directly, use the code "ANGULAR" at checkout to receive a 20% discount.

💎 Angular Gems from March 2024

In this piece, Evgeniy Tuboltsev (OZ) explores the dos and don'ts when working with signals, computeds, and effects, as well as strategies for integrating signals alongside observables.

📰 This is your sign(al) to try TanStack Query & Angular

Robin Goetz delves into the history of the TanStack Query data-fetching library and clarifies the concept of server state. He then outlines the primary obstacles in managing server state, demonstrates how TanStack Query tackles these problems, and provides practical examples of data queries, mutations, and client-side invalidation using the library with contemporary Angular.

📰 Angular with NativeScript: Creating the Blackout Lighting Console

Nathan Walker recounts the process of developing the Blackout Lighting Console iOS app, which relies on Angular, NativeScript, and NgRx for state management. The application uses SQLite to handle local offline data and Supabase for remote syncable storage. The user interface leverages Angular templates alongside open-source libraries from Apple's UIKit and SwiftUI.

📰 Mastering Angular Unit Testing: Best Practices and Tools

Sonu Kapoor offers insights from his experience with unit testing in Angular, addressing a variety of subjects:

  • The rationale behind unit testing
  • Arguments for mocking and its pros/cons
  • An introduction to SIFERS and why they matter
  • An overview of the Angular Testing Library (ATL)
  • Implementing tests with SIFERS
  • Techniques for locating DOM elements and firing events
  • The functions of jest-auto-spies and observer-spy

👨‍💻 A Word on the Author

I'm Gergely Szerovay. My career has spanned data science and full-stack development, and for the past several years, I've been leading frontend teams with a focus on Angular. Keeping up with the rapid evolution of Angular and frontend development is a core part of my role. This drove me to launch the Angular Addicts newsletter and publication in 2022, enabling me to share the top resources I discover each month. Whether you're just starting or have years of experience, there's something here for you. If you're interested in contributing, feel free to reach out. Let's master Angular as a community! Subscribe here 🔥

Given the fast pace of change in Angular and, more recently, the impact of generative AI on our development workflows, I've decided to develop AI-powered tools out in the open. You can follow my latest projects and findings at AIBoosted.dev. Come along for the ride: Subscribe here 🚀

You can connect with me on Substack (Angular Addicts), Substack (AIBoosted.dev), Medium, Dev.to, Twitter, or LinkedIn for more Angular insights and explorations into building AI applications with AI, Typescript, React, and Angular!

🕹️ Past Editions

Missed any earlier editions? All previous newsletters are available here, with the last three being:

📨 Got an Angular Resource?

Stumbled upon an intriguing article, tweet, or other resource related to Angular? Or maybe you've authored one yourself? Drop a comment below or send me a direct message on Twitter! Your find could be featured in an upcoming edition of Angular Addicts!