Cookie Consent by Free Privacy Policy Generator 📌 Angular Addicts #24: Angular 17.3, Signals and unit testing best practices, Storybook 8 & more

🏠 Team IT Security News

TSecurity.de ist eine Online-Plattform, die sich auf die Bereitstellung von Informationen,alle 15 Minuten neuste Nachrichten, Bildungsressourcen und Dienstleistungen rund um das Thema IT-Sicherheit spezialisiert hat.
Ob es sich um aktuelle Nachrichten, Fachartikel, Blogbeiträge, Webinare, Tutorials, oder Tipps & Tricks handelt, TSecurity.de bietet seinen Nutzern einen umfassenden Überblick über die wichtigsten Aspekte der IT-Sicherheit in einer sich ständig verändernden digitalen Welt.

16.12.2023 - TIP: Wer den Cookie Consent Banner akzeptiert, kann z.B. von Englisch nach Deutsch übersetzen, erst Englisch auswählen dann wieder Deutsch!

Google Android Playstore Download Button für Team IT Security



📚 Angular Addicts #24: Angular 17.3, Signals and unit testing best practices, Storybook 8 & more


💡 Newskategorie: Programmierung
🔗 Quelle: dev.to

👋Hey fellow Angular Addict

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

📢Release announcements

📢What's new in Angular 17.3?

The latest minor version of Angular (17.3), was released last month. I've listed and explained the most important changes and new features in this article: What's new in Angular 17.3.

📢Storybook 8

Michael Shilman 's article covers the main things you need to know about the new Storybook version:

  • Built-in visual testing
  • React Server Component support
  • Upgraded Vue and React control autogeneration
  • Rearchitected Vite support, Vitest testing, and Vite 5 support
  • 2-4x faster test builds
  • Refreshed desktop UI
  • Rebuilt mobile UX
  • Removed React dependency for non-React projects

🎫 Win a free ticket to WebExpo Conf (Prague, Czechia, May 29-31, 2024)

WebExpo is a conference for developers, designers and anyone involved in creating digital products and services. It’s my favorite conference I have ever been to, and just like last year, I’m a community partner of the event, so I can give away one free ticket to my followers!

➡️HOW TO WIN A TICKET?

To participate in the raffle, subscribe to Webexpo's newsletter: https://webexpo.net/webexpo-newsletter/.

Then please send a screenshot of your subscription to this email address: [email protected] with the following email subject: “WebExpo Angular Addicts Ticket”.

I will accept entries submitted to this email address before Monday 23:59 CEST (22. April 2024).

Some conditions: the prize is a conference ticket, which provides the winner with access to the program of the conference days May 29-30. Premium Workshops (May 31) are not included in the conference ticket. The conference ticket is not transferable to someone else and there is no refund in case the winner doesn't arrive or cancel. Flight tickets or accommodation are not included in the conference ticket.

So these are the steps:

1️⃣ Subscribe to Webexpo's newsletter
2️⃣ Send me an email with the screenshot

❗️Please check out the DATE & LOCATION first, and only participate in the contest if you’d surely attend the event! Thanks for your consideration! And please share this opportunity with your friends and network!

The winner will be randomly selected on Tuesday (23. April 2024).

I’ll contact the winner via email.

GOOD LUCK!

WebExpo 2024 Conference website: https://webexpo.net/

📆 WebExpo dates: May 29-31, 2024
📍 Location: Prague, Czechia

🎞️ Here you can watch back previous talks

🏷️And if you want to purchase a ticket, use the code "ANGULAR" at the checkout to get 20% off.

💎Angular Gems of March, 2024

📰Angular Signals: Best Practices

In his article, Evgeniy Tuboltsev (OZ) points out what we should consider when we use signals, computeds, and effects, or mix signals with observables.

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

Robin Goetz explains to us the origins of the TanStack Query data-fetching library and what is a server state. Then he summarizes, what the biggest challenges are, when we manage the server state, and how TanStack Query addresses these issues. He also shows us examples for data queries and mutations, client-side invalidation, and explains how he uses TanStack Query with modern Angular.

📰 Angular with NativeScript: Creating the Blackout Lighting Console

In his blog post, Nathan Walker shares with us how they built the Blackout Lighting Console iOS app using Angular with NativeScript and NgRx state management. For database, they use: SQLite for the local offline database, and Supabase for remote syncable database. They built the UI with Angular templates, Apple's UIKit and SwiftUI open source libraries.

📰 Mastering Angular Unit Testing: Best Practices and Tools

In is article, Sonu Kapoor shares his experiences with unit testing in Angular, covering the following topics:

  • Why should you unit test?
  • Why should you mock and what are the advantages/disadvantages?
  • What are SIFERS and why should you care?
  • What is the Angular Testing Library (ATL)?
  • Testing using SIFERS
  • Querying DOM elements and dispatching events
  • What are jest-auto-spies and observer-spy?

👨‍💻About the author

My name is Gergely Szerovay, I worked as a data scientist and full-stack developer for many years, and I have been working as frontend tech lead, focusing on Angular based frontend development. As part of my role, I'm constantly following how Angular and the frontend development scene in general is evolving. To share my knowledge, I started the Angular Addicts monthly newsletter and publication in 2022, 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. Let me know if you would like to be included as a writer. Let’s learn Angular together! Subscribe here 🔥

Angular has evolved very rapidly over the past few years, and in the past year, with the rise of generative AI, our software development workflows have also evolved rapidly. In order to closely follow the evolution of AI-assisted software development, I decided to start building AI tools in public, and publish my progress on AIBoosted.dev. Join my on this learning journey: Subscribe here 🚀

Follow me on Substack (Angular Addicts), Substack (AIBoosted.dev), Medium, Dev.to, Twitter or LinkedIn to learn more about Angular, and how to build AI apps with AI, Typescript, React and 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!

...



📌 Angular Addicts #24: Angular 17.3, Signals and unit testing best practices, Storybook 8 & more


📈 130.48 Punkte

📌 Beyond Angular Signals: Signals & Custom Render Strategies


📈 43.85 Punkte

📌 Episode 24/13: Native Signals, Details on Angular/Wiz, Alan Agius on the Angular CLI


📈 37.24 Punkte

📌 Neu bei Amazon Prime Video: Annette Friers Selbsthilfegruppen-Comedy "Love Addicts" ab sofort komplett im Stream


📈 33.88 Punkte

📌 CVE-2023-26116 | angular angular.copy redos (SNYK-JS-ANGULAR-3373044)


📈 32.98 Punkte

📌 How to upgrade your Angular web project from Angular V13 to Angular V17


📈 32.98 Punkte

📌 Zeitgemäße Design Systems mit Figma, Storybook und Angular


📈 31.83 Punkte

📌 UI-Tool: Storybook 7.5 führt ein neues Feature für Angular ein


📈 31.83 Punkte

📌 Signals in Angular – How to Write More Reactive Code


📈 30.98 Punkte

📌 What Is End-To-End Testing? E2E Testing Tutorial With Examples and Best Practices


📈 30.67 Punkte

📌 What Is End-To-End Testing? E2E Testing Tutorial With Examples and Best Practices


📈 30.67 Punkte

📌 High Frequency Data Analysis: Converting High-frequency Signals to Discrete Buy/Sell Signals


📈 30.5 Punkte

📌 Beginner Guide on Unit Testing in React using React Testing Library and Vitest


📈 29.55 Punkte

📌 Ensuring Code Quality With Unit Testing and Integration Testing in CI/CD


📈 29.55 Punkte

📌 That $10,000 Facebook bug: Photos shafted, addicts screwed by polls


📈 29.16 Punkte

📌 Facebook: Up to 90 million addicts' accounts slurped by hackers, no thanks to crappy code


📈 29.16 Punkte

📌 Dunkin do-nots: Deep-fried cake maker didn't warn its sugar addicts that crooks raided web accounts, says NY AG


📈 29.16 Punkte

📌 NSO Group: Facebook tried to license our spyware to snoop on its own addicts – the same spyware it's suing us over


📈 29.16 Punkte

📌 "Völlig magische Sexszenen": Intimitätskoordinatorin über Amazon-Serie "Love Addicts"


📈 29.16 Punkte

📌 t3n Daily: Adobe & Figma, Ethereum & NFT, Steuer & Homeoffice, KI & Gruselfrau


📈 28.31 Punkte

📌 A guide to Storybook Test for interaction testing


📈 28.26 Punkte

📌 Angular signals vs. observables: How and when to use each


📈 28.02 Punkte

📌 Analyze ways to retrieve data with signals and HttpClient in Angular


📈 28.02 Punkte

📌 Angular Signals, Reactive Context, and Dynamic Dependency Tracking


📈 28.02 Punkte

📌 Angular Signals: Streamline Data Flow and Boost Maintainability


📈 28.02 Punkte

📌 Sub-RFC 4 for Angular Signals sparks interesting discussion started by RxJS author — Ben Lesh


📈 26.24 Punkte

📌 Future of Change Detection in Angular with Signals


📈 26.24 Punkte

📌 Angular Signals: Na Prática


📈 26.24 Punkte

📌 Be ready for input signals in Angular


📈 26.24 Punkte

📌 Hacking Angular Signals


📈 26.24 Punkte

📌 Angular Tutorial: Converting Observables to Signals


📈 26.24 Punkte

📌 Avoid using the Angular Signals ".update()" operation when using the component life cycle hook "afterRender"


📈 26.24 Punkte

📌 Angular Signals


📈 26.24 Punkte

📌 Angular Signals Introduction


📈 26.24 Punkte











matomo