<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Gergely Szerovay</title>
    <description>The latest articles on DEV Community by Gergely Szerovay (@gergelyszerovay).</description>
    <link>https://dev.to/gergelyszerovay</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F924008%2Fee536e95-d267-49e6-9cd7-17f44c53108b.jpeg</url>
      <title>DEV Community: Gergely Szerovay</title>
      <link>https://dev.to/gergelyszerovay</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/gergelyszerovay"/>
    <language>en</language>
    <item>
      <title>Angular Addicts #53: NgRx 22, WebMCP, CopilotKit &amp; more</title>
      <dc:creator>Gergely Szerovay</dc:creator>
      <pubDate>Tue, 29 Sep 2026 07:19:56 +0000</pubDate>
      <link>https://dev.to/playfulprogramming-angular/angular-addicts-53-ngrx-22-webmcp-copilotkit-more-1l1f</link>
      <guid>https://dev.to/playfulprogramming-angular/angular-addicts-53-ngrx-22-webmcp-copilotkit-more-1l1f</guid>
      <description>&lt;h2&gt;
  
  
  👋Hey fellow Angular Addict
&lt;/h2&gt;

&lt;p&gt;This is the 53rd issue of the Angular Addicts Newsletter, a monthly collection of carefully selected Angular resources that caught my attention. (Here are the &lt;a href="https://www.angularaddicts.com/p/angular-addicts-52-copilot-kit-mcp-apps" rel="noopener noreferrer"&gt;52nd&lt;/a&gt;, &lt;a href="https://www.angularaddicts.com/p/angular-addicts-51-a2ui-signal-debouncing" rel="noopener noreferrer"&gt;51st&lt;/a&gt; and &lt;a href="https://www.angularaddicts.com/p/angular-addicts-50-angular-22-agentic-deploying" rel="noopener noreferrer"&gt;50th&lt;/a&gt;)&lt;/p&gt;

&lt;h2&gt;
  
  
  📢 Release announcements
&lt;/h2&gt;

&lt;h3&gt;
  
  
  📢 &lt;a href="https://dev.to/ngrx/announcing-ngrx-v22-resource-extensions-dynamic-deep-signals-a-light-theme-and-more-5gci"&gt;Announcing NgRx v22: Resource Extensions, Dynamic Deep Signals, a Light Theme, and more!&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/markostanimirovic/" rel="noopener noreferrer"&gt;Marko Stanimirović&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  💎Angular Gems of August, 2026
&lt;/h2&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://angularexperts.ch/blog/angular-signal-forms-custom-controls" rel="noopener noreferrer"&gt;Angular Signal Forms: Custom Controls Without ControlValueAccessor&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/kevin-kreuzer-a63b39121/" rel="noopener noreferrer"&gt;Kevin Kreuzer&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://www.copilotkit.ai/blog/copilotkit-for-angular" rel="noopener noreferrer"&gt;Introducing CopilotKit for Angular&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/rainerhahnekamp/" rel="noopener noreferrer"&gt;Rainer Hahnekamp&lt;/a&gt; and &lt;a href="https://www.linkedin.com/in/muratsari1/" rel="noopener noreferrer"&gt;Murat Sari&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://www.angulararchitects.io/en/blog/loop-engineering-with-super-mario-and-twelve-ai-coding-agents/" rel="noopener noreferrer"&gt;Loop Engineering with Super Mario and Twelve AI Coding Agents&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/manfred-steyer-84645821/" rel="noopener noreferrer"&gt;Manfred Steyer&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://www.angularspace.com/how-to-handle-global-errors-in-modern-zoneless-angular/" rel="noopener noreferrer"&gt;How to Handle Global Errors in Modern Zoneless Angular&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/jaroslaw-zolnowski/" rel="noopener noreferrer"&gt;Jaroslaw Zolnowski&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://dev.to/gdg/angular-webmcp-your-app-is-now-an-ai-tool-3bp4"&gt;Angular WebMCP — Your App is Now an AI Tool&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/giorgiogalassi/" rel="noopener noreferrer"&gt;Giorgio Galassi&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://angular.love/signal-forms-in-angular-21-complete-guide" rel="noopener noreferrer"&gt;Signal Forms in Angular 21 - Complete Guide&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/m-stefanczyk/" rel="noopener noreferrer"&gt;Mateusz Stefańczyk&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  👨‍💻About the author
&lt;/h2&gt;

&lt;p&gt;My name is &lt;a href="https://www.linkedin.com/in/gergelyszerovay/" rel="noopener noreferrer"&gt;Gergely Szerovay&lt;/a&gt;, 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 &lt;a href="https://angularaddicts.com/" rel="noopener noreferrer"&gt;Angular Addicts&lt;/a&gt; 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! &lt;a href="https://www.angularaddicts.com/" rel="noopener noreferrer"&gt;Subscribe here&lt;/a&gt; 🔥&lt;/p&gt;

&lt;p&gt;Follow me on &lt;a href="https://www.angularaddicts.com/" rel="noopener noreferrer"&gt;Substack (Angular Addicts)&lt;/a&gt;, &lt;a href="https://aiboosted.dev" rel="noopener noreferrer"&gt;Substack (AIBoosted.dev)&lt;/a&gt;, &lt;a href="https://medium.com/@GergelySzerovay" rel="noopener noreferrer"&gt;Medium&lt;/a&gt;, &lt;a href="https://dev.to/gergelyszerovay"&gt;Dev.to&lt;/a&gt;, &lt;a href="https://twitter.com/GergelySzerovay" rel="noopener noreferrer"&gt;Twitter&lt;/a&gt; or &lt;a href="https://www.linkedin.com/in/gergelyszerovay/" rel="noopener noreferrer"&gt;LinkedIn&lt;/a&gt; to learn more about Angular, and how to build AI apps with AI, Typescript, React and Angular!&lt;/p&gt;

&lt;h2&gt;
  
  
  🕹️Previous issues
&lt;/h2&gt;

&lt;p&gt;If you missed the previous issues of the newsletter, you can read them &lt;a href="https://www.angularaddicts.com/t/angular-addicts-monthly" rel="noopener noreferrer"&gt;here&lt;/a&gt;, these are the latest 3 issues:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://www.angularaddicts.com/p/angular-addicts-52-copilot-kit-mcp-apps" rel="noopener noreferrer"&gt;Angular Addicts #52: Angular Addicts #52: Angular 22.1, CopilotKit, MCP Apps, Signal Form Validators &amp;amp; more&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.angularaddicts.com/p/angular-addicts-51-a2ui-signal-debouncing" rel="noopener noreferrer"&gt;Angular Addicts #51: spartan/ui 1.0, A2UI, Signal Debouncing &amp;amp; more&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.angularaddicts.com/p/angular-addicts-50-angular-22-agentic-deploying" rel="noopener noreferrer"&gt;Angular Addicts #50: Angular 22, Agentic Angular, Deploying to the Cloud &amp;amp; more&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  📨 Submit your Angular resource
&lt;/h2&gt;

&lt;p&gt;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 &lt;a href="https://twitter.com/gergelyszerovay" rel="noopener noreferrer"&gt;Twitter&lt;/a&gt;! I might feature it in the next Angular Addicts issue!&lt;/p&gt;

</description>
      <category>angular</category>
      <category>typescript</category>
      <category>javascript</category>
    </item>
    <item>
      <title>Angular Addicts #52: Angular Addicts #52: Angular 22.1, CopilotKit, MCP Apps, Signal Form Validators &amp; more</title>
      <dc:creator>Gergely Szerovay</dc:creator>
      <pubDate>Thu, 27 Aug 2026 07:40:18 +0000</pubDate>
      <link>https://dev.to/playfulprogramming-angular/angular-addicts-52-angular-addicts-52-angular-221-copilotkit-mcp-apps-signal-form-3ml3</link>
      <guid>https://dev.to/playfulprogramming-angular/angular-addicts-52-angular-addicts-52-angular-221-copilotkit-mcp-apps-signal-form-3ml3</guid>
      <description>&lt;h2&gt;
  
  
  👋Hey fellow Angular Addict
&lt;/h2&gt;

&lt;p&gt;This is the 52nd issue of the Angular Addicts Newsletter, a monthly collection of carefully selected Angular resources that caught my attention. (Here are the &lt;a href="https://www.angularaddicts.com/p/angular-addicts-51-a2ui-signal-debouncing" rel="noopener noreferrer"&gt;51st&lt;/a&gt;, &lt;a href="https://www.angularaddicts.com/p/angular-addicts-50-angular-22-agentic-deploying" rel="noopener noreferrer"&gt;50th&lt;/a&gt; and &lt;a href="https://www.angularaddicts.com/p/angular-addicts-49-analogjs-25-agentic-angular" rel="noopener noreferrer"&gt;49th&lt;/a&gt;)&lt;/p&gt;

&lt;h2&gt;
  
  
  📢 Release announcements
&lt;/h2&gt;

&lt;h3&gt;
  
  
  📢 &lt;a href="https://blog.ninja-squad.com/2026/07/29/what-is-new-angular-22.1" rel="noopener noreferrer"&gt;What's new in Angular 22.1?&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/exbrayatcedric/" rel="noopener noreferrer"&gt;Cédric Exbrayat&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📢 &lt;a href="https://dev.to/copilotkit/introducing-angular-support-for-copilotkit-bring-any-agent-into-your-app-2f3e"&gt;Introducing Angular support for CopilotKit: bring any Agent into your app&lt;/a&gt;
&lt;/h3&gt;

&lt;h3&gt;
  
  
  📢 &lt;a href="https://nx.dev/blog/nx-23-1-release" rel="noopener noreferrer"&gt;Nx 23.1 Is Here: Per-Run Performance Reports, TypeScript 6, and Angular 22 | Nx Blog&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/juristr/" rel="noopener noreferrer"&gt;Juri Strumpflohner&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  💎Angular Gems of July, 2026
&lt;/h2&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://dev.to/brandontroberts/choosing-angular-in-the-age-of-agents-1bo7"&gt;Choosing Angular in the Age of Agents&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/brandontroberts/" rel="noopener noreferrer"&gt;Brandon Roberts&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://angular.love/one-validator-to-rule-them-all-part-2-advanced-error-handling-with-multi-language-support" rel="noopener noreferrer"&gt;One Validator to Rule Them All — Part 2: Advanced Error Handling with multi-language support&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/gabor-kotel/" rel="noopener noreferrer"&gt;Gábor Kötél&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://www.angulararchitects.io/en/blog/mcp-apps-in-angular-with-copilotkit-rich-chat-interfaces-instead-of-text-responses/" rel="noopener noreferrer"&gt;MCP Apps in Angular with CopilotKit: Rich Chat Interfaces Instead of Text Responses&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/manfred-steyer-84645821/" rel="noopener noreferrer"&gt;Manfred Steyer&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://push-based.io/article/faster-builds-slower-applications-optimizing-angulars-bundle-output" rel="noopener noreferrer"&gt;Faster Builds, Slower Applications? Optimizing Angular's Bundle Output&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/christopher-p-holder/" rel="noopener noreferrer"&gt;Christopher Holder&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://blog.angulartraining.com/how-to-add-async-http-validators-to-angular-signal-forms-df020267c130" rel="noopener noreferrer"&gt;How to Add Async HTTP Validators to Angular Signal Forms&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/achautard/" rel="noopener noreferrer"&gt;Alain Chautard&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  👨‍💻About the author
&lt;/h2&gt;

&lt;p&gt;My name is &lt;a href="https://www.linkedin.com/in/gergelyszerovay/" rel="noopener noreferrer"&gt;Gergely Szerovay&lt;/a&gt;, 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 &lt;a href="https://angularaddicts.com/" rel="noopener noreferrer"&gt;Angular Addicts&lt;/a&gt; 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! &lt;a href="https://www.angularaddicts.com/" rel="noopener noreferrer"&gt;Subscribe here&lt;/a&gt; 🔥&lt;/p&gt;

&lt;p&gt;Follow me on &lt;a href="https://www.angularaddicts.com/" rel="noopener noreferrer"&gt;Substack (Angular Addicts)&lt;/a&gt;, &lt;a href="https://aiboosted.dev" rel="noopener noreferrer"&gt;Substack (AIBoosted.dev)&lt;/a&gt;, &lt;a href="https://medium.com/@GergelySzerovay" rel="noopener noreferrer"&gt;Medium&lt;/a&gt;, &lt;a href="https://dev.to/gergelyszerovay"&gt;Dev.to&lt;/a&gt;, &lt;a href="https://twitter.com/GergelySzerovay" rel="noopener noreferrer"&gt;Twitter&lt;/a&gt; or &lt;a href="https://www.linkedin.com/in/gergelyszerovay/" rel="noopener noreferrer"&gt;LinkedIn&lt;/a&gt; to learn more about Angular, and how to build AI apps with AI, Typescript, React and Angular!&lt;/p&gt;

&lt;h2&gt;
  
  
  🕹️Previous issues
&lt;/h2&gt;

&lt;p&gt;If you missed the previous issues of the newsletter, you can read them &lt;a href="https://www.angularaddicts.com/t/angular-addicts-monthly" rel="noopener noreferrer"&gt;here&lt;/a&gt;, these are the latest 3 issues:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://www.angularaddicts.com/p/angular-addicts-51-a2ui-signal-debouncing" rel="noopener noreferrer"&gt;Angular Addicts #51: spartan/ui 1.0, A2UI, Signal Debouncing &amp;amp; more&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.angularaddicts.com/p/angular-addicts-50-angular-22-agentic-deploying" rel="noopener noreferrer"&gt;Angular Addicts #50: Angular 22, Agentic Angular, Deploying to the Cloud &amp;amp; more&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.angularaddicts.com/p/angular-addicts-49-analogjs-25-agentic-angular" rel="noopener noreferrer"&gt;Angular Addicts #49: AnalogJS 2.5, Agentic Angular &amp;amp; more&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  📨 Submit your Angular resource
&lt;/h2&gt;

&lt;p&gt;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 &lt;a href="https://twitter.com/gergelyszerovay" rel="noopener noreferrer"&gt;Twitter&lt;/a&gt;! I might feature it in the next Angular Addicts issue!&lt;/p&gt;

</description>
      <category>angular</category>
      <category>typescript</category>
      <category>javascript</category>
    </item>
    <item>
      <title>Angular Addicts #51: spartan/ui 1.0, A2UI, Signal Debouncing &amp; more</title>
      <dc:creator>Gergely Szerovay</dc:creator>
      <pubDate>Thu, 16 Jul 2026 08:31:30 +0000</pubDate>
      <link>https://dev.to/playfulprogramming-angular/angular-addicts-51-spartanui-10-a2ui-signal-debouncing-more-48kb</link>
      <guid>https://dev.to/playfulprogramming-angular/angular-addicts-51-spartanui-10-a2ui-signal-debouncing-more-48kb</guid>
      <description>&lt;h2&gt;
  
  
  👋Hey fellow Angular Addict
&lt;/h2&gt;

&lt;p&gt;This is the 51st issue of the Angular Addicts Newsletter, a monthly collection of carefully selected Angular resources that caught my attention. (Here are the &lt;a href="https://www.angularaddicts.com/p/angular-addicts-50-angular-22-agentic-deploying" rel="noopener noreferrer"&gt;50th&lt;/a&gt;, &lt;a href="https://www.angularaddicts.com/p/angular-addicts-49-analogjs-25-agentic-angular" rel="noopener noreferrer"&gt;49th&lt;/a&gt; and &lt;a href="https://www.angularaddicts.com/p/angular-addicts-48-typescript-6-on-push-as-default" rel="noopener noreferrer"&gt;48th&lt;/a&gt;)&lt;/p&gt;

&lt;h2&gt;
  
  
  📢 Release announcements
&lt;/h2&gt;

&lt;h3&gt;
  
  
  📢 &lt;a href="https://dev.to/playfulprogramming-angular/announcing-spartanui-10-546o"&gt;Announcing spartan/ui 1.0&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/robingoetz/" rel="noopener noreferrer"&gt;Robin Goetz&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  💎Angular Gems of June, 2026
&lt;/h2&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://www.angulararchitects.io/en/blog/ae-harness-setup-for-angular/" rel="noopener noreferrer"&gt;Agentic Engineering: How to Set Up Your Harness for Angular Development&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/thalhammer/" rel="noopener noreferrer"&gt;Alexander Thalhammer&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://angular.love/getting-to-know-angular-resource-snapshots" rel="noopener noreferrer"&gt;Getting to Know Angular Resource Snapshots&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/prodromouf" rel="noopener noreferrer"&gt;Fanis Prodromou&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://dev.to/ryantsuji/making-the-context-across-46-repositories-semantically-searchable-for-ai-part-2-51d9"&gt;Making the Context Across 46 Repositories Semantically Searchable for AI (Part 2)&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/ryantsuji/" rel="noopener noreferrer"&gt;Ryosuke Tsuji&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://blog.angular.dev/demystifying-a2ui-how-to-make-ai-agents-speak-ui-in-your-app-e1ffea2303bd" rel="noopener noreferrer"&gt;Demystifying A2UI: How to Make AI Agents “Speak UI” in Your App&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/devinchasanoff/" rel="noopener noreferrer"&gt;Devin Chasanoff&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://dev.to/geromegrignon/angular-resources-are-not-a-good-fit-for-guards-58j"&gt;Angular resources are not a good fit for Guards&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/gerome-grignon/" rel="noopener noreferrer"&gt;Gerome Grignon&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://dev.to/shhdharmen/angular-material-theming-system-course-now-100-free-1f1h"&gt;Angular Material Theming System Course — Now 100% Free&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/shhdharmen/" rel="noopener noreferrer"&gt;Dharmen Shah&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://dev.to/dhutaryan/tanstack-query-style-caching-the-angular-native-way-4igc"&gt;TanStack Query style caching, the Angular-native way&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/dzmitry-hutaryan/" rel="noopener noreferrer"&gt;Dzmitry Hutaryan&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://www.angulararchitects.io/en/blog/architecture-beyond-layers-tsarch-for-ai-agents/" rel="noopener noreferrer"&gt;Architecture Beyond Layers: tsarch for AI Coding Agents&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/manfred-steyer-84645821/" rel="noopener noreferrer"&gt;Manfred Steyer&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://nartc.me/blog/ai-work-life-balance/" rel="noopener noreferrer"&gt;AI Made Coding Faster, But My Day Harder to End | Chau Tran&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/chauntran/" rel="noopener noreferrer"&gt;Chau Tran&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://blog.angulartraining.com/how-to-debounce-angular-signals-14425d2cd63e" rel="noopener noreferrer"&gt;How to Debounce Angular Signals?&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/achautard/" rel="noopener noreferrer"&gt;Alain Chautard&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://dev.to/sylwia-lask/7-new-javascript-features-and-2-im-still-waiting-for-2ck8"&gt;7 New JavaScript Features (And 2 I'm Still Waiting For)&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/sylwia-laskowska-5a8467131/" rel="noopener noreferrer"&gt;Sylwia Laskowska&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  👨‍💻About the author
&lt;/h2&gt;

&lt;p&gt;My name is &lt;a href="https://www.linkedin.com/in/gergelyszerovay/" rel="noopener noreferrer"&gt;Gergely Szerovay&lt;/a&gt;, 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 &lt;a href="https://angularaddicts.com/" rel="noopener noreferrer"&gt;Angular Addicts&lt;/a&gt; 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! &lt;a href="https://www.angularaddicts.com/" rel="noopener noreferrer"&gt;Subscribe here&lt;/a&gt; 🔥&lt;/p&gt;

&lt;p&gt;Follow me on &lt;a href="https://www.angularaddicts.com/" rel="noopener noreferrer"&gt;Substack (Angular Addicts)&lt;/a&gt;, &lt;a href="https://aiboosted.dev" rel="noopener noreferrer"&gt;Substack (AIBoosted.dev)&lt;/a&gt;, &lt;a href="https://medium.com/@GergelySzerovay" rel="noopener noreferrer"&gt;Medium&lt;/a&gt;, &lt;a href="https://dev.to/gergelyszerovay"&gt;Dev.to&lt;/a&gt;, &lt;a href="https://twitter.com/GergelySzerovay" rel="noopener noreferrer"&gt;Twitter&lt;/a&gt; or &lt;a href="https://www.linkedin.com/in/gergelyszerovay/" rel="noopener noreferrer"&gt;LinkedIn&lt;/a&gt; to learn more about Angular, and how to build AI apps with AI, Typescript, React and Angular!&lt;/p&gt;

&lt;h2&gt;
  
  
  🕹️Previous issues
&lt;/h2&gt;

&lt;p&gt;If you missed the previous issues of the newsletter, you can read them &lt;a href="https://www.angularaddicts.com/t/angular-addicts-monthly" rel="noopener noreferrer"&gt;here&lt;/a&gt;, these are the latest 3 issues:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://www.angularaddicts.com/p/angular-addicts-50-angular-22-agentic-deploying" rel="noopener noreferrer"&gt;Angular Addicts #50: Angular 22, Agentic Angular, Deploying to the Cloud &amp;amp; more&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.angularaddicts.com/p/angular-addicts-49-analogjs-25-agentic-angular" rel="noopener noreferrer"&gt;Angular Addicts #49: AnalogJS 2.5, Agentic Angular &amp;amp; more&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.angularaddicts.com/p/angular-addicts-48-typescript-6-on-push-as-default" rel="noopener noreferrer"&gt;Angular Addicts #48: TypeScript 6, OnPush as default, AI tools &amp;amp; more&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  📨 Submit your Angular resource
&lt;/h2&gt;

&lt;p&gt;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 &lt;a href="https://twitter.com/gergelyszerovay" rel="noopener noreferrer"&gt;Twitter&lt;/a&gt;! I might feature it in the next Angular Addicts issue!&lt;/p&gt;

</description>
      <category>angular</category>
      <category>typescript</category>
      <category>javascript</category>
    </item>
    <item>
      <title>Angular Addicts #50: Angular 22, Agentic Angular, Deploying to the Cloud &amp; more</title>
      <dc:creator>Gergely Szerovay</dc:creator>
      <pubDate>Tue, 16 Jun 2026 08:06:43 +0000</pubDate>
      <link>https://dev.to/playfulprogramming-angular/angular-addicts-50-angular-22-agentic-angular-deploying-to-the-cloud-more-43l</link>
      <guid>https://dev.to/playfulprogramming-angular/angular-addicts-50-angular-22-agentic-angular-deploying-to-the-cloud-more-43l</guid>
      <description>&lt;h2&gt;
  
  
  👋Hey fellow Angular Addict
&lt;/h2&gt;

&lt;p&gt;This is the 50th issue of the Angular Addicts Newsletter, a monthly collection of carefully selected Angular resources that caught my attention. (Here are the &lt;a href="https://www.angularaddicts.com/p/angular-addicts-49-analogjs-25-agentic-angular" rel="noopener noreferrer"&gt;49th&lt;/a&gt;, &lt;a href="https://www.angularaddicts.com/p/angular-addicts-48-typescript-6-on-push-as-default" rel="noopener noreferrer"&gt;48th&lt;/a&gt; and &lt;a href="https://www.angularaddicts.com/p/angular-addicts-47-skills-signal-forms" rel="noopener noreferrer"&gt;47th&lt;/a&gt;)&lt;/p&gt;

&lt;h2&gt;
  
  
  📢 Release announcements
&lt;/h2&gt;

&lt;h3&gt;
  
  
  📢 &lt;a href="https://blog.ninja-squad.com/2026/06/03/what-is-new-angular-22.0" rel="noopener noreferrer"&gt;What's new in Angular 22.0?&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/exbrayatcedric/" rel="noopener noreferrer"&gt;Cédric Exbrayat&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  💎Angular Gems of May, 2026
&lt;/h2&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://medium.com/@davidepassafaro/road-to-angular-22-debounce-signal-74d76eb48384" rel="noopener noreferrer"&gt;Road to Angular 22: Debounce Signal&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/davide-passafaro/" rel="noopener noreferrer"&gt;Davide Passafaro&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://medium.com/@marcomatto/angular-22-embracing-the-signal-first-era-b1c8803acea6" rel="noopener noreferrer"&gt;Angular 22: Embracing the Signal-First Era&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/marcomartorana/" rel="noopener noreferrer"&gt;Marco Martorana&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://blog.angulartraining.com/modern-angular-replacing-lifecycle-hooks-with-signals-138d9a51323e" rel="noopener noreferrer"&gt;Modern Angular: Replacing Lifecycle Hooks with Signals&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/achautard/" rel="noopener noreferrer"&gt;Alain Chautard&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://angular.love/beyond-clean-code-building-a-scalable-angular-frontend-architecture-with-nx-monorepos" rel="noopener noreferrer"&gt;Scalable Angular Frontend Architecture with Nx Monorepos&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/prodromouf" rel="noopener noreferrer"&gt;Fanis Prodromou&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://www.angulararchitects.io/en/blog/best-llms-for-angular/" rel="noopener noreferrer"&gt;Agentic Engineering: Which LLM Is Best for Angular Development?&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/thalhammer/" rel="noopener noreferrer"&gt;Alexander Thalhammer&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://medium.com/@mseemann.io/from-module-federation-to-web-components-the-angular-migration-nobody-warned-me-about-967f180caded" rel="noopener noreferrer"&gt;From Module Federation to Web Components: The Angular Migration Nobody Warned Me About&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By Michael Seemann&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://medium.com/ngconf/my-favorite-ai-tools-for-building-angular-apps-1c367d83f0af" rel="noopener noreferrer"&gt;My Favorite AI Tools for Building Angular Apps&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/pjlamb12/" rel="noopener noreferrer"&gt;Preston Lamb&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://dev.to/gdg/build-a-streaming-gemini-chat-in-angular-with-signals-then-ship-it-on-cloud-run-1llc"&gt;Build a Streaming Gemini Chat in Angular with Signals — Then Ship It on Cloud Run&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/tomasz-flis/" rel="noopener noreferrer"&gt;Tomasz Flis&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://dev.to/brandontroberts/deploying-angular-applications-to-cloudflare-with-void-94f"&gt;Deploying Angular applications to Cloudflare with Void&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/brandontroberts/" rel="noopener noreferrer"&gt;Brandon Roberts&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://www.angulararchitects.io/en/blog/how-i-made-my-a2ui-dashboard-300-times-faster/" rel="noopener noreferrer"&gt;How I Made My A2UI Dashboard 300 Times Faster&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;This article is part of &lt;a href="https://www.linkedin.com/in/manfred-steyer-84645821/" rel="noopener noreferrer"&gt;Manfred Steyer&lt;/a&gt;'s Agentic Angular series:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://www.angulararchitects.io/en/blog/understanding-ag-ui-the-standard-for-agentic-user-interfaces/" rel="noopener noreferrer"&gt;Understanding AG-UI: The Standard for Agentic User Interfaces&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.angulararchitects.io/en/blog/ag-ui-in-practice-the-sdk-for-typescript/" rel="noopener noreferrer"&gt;AG-UI in Practice: The SDK for TypeScript&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.angulararchitects.io/en/blog/implementing-ag-ui-with-angular/" rel="noopener noreferrer"&gt;Implementing AG-UI with Angular&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.angulararchitects.io/en/blog/a2ui-how-ai-generates-dynamic-uis-at-runtime/" rel="noopener noreferrer"&gt;A2UI: How AI Generates Dynamic UIs at Runtime&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.angulararchitects.io/en/blog/integrating-a2ui-with-ag-ui-in-angular/" rel="noopener noreferrer"&gt;Integrating A2UI with AG-UI in Angular&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.angulararchitects.io/en/blog/custom-catalogs-in-a2ui-your-own-components-for-ai-generated-uis/" rel="noopener noreferrer"&gt;Custom Catalogs in A2UI: Your Own Components for AI-Generated UIs&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  👨‍💻About the author
&lt;/h2&gt;

&lt;p&gt;My name is &lt;a href="https://www.linkedin.com/in/gergelyszerovay/" rel="noopener noreferrer"&gt;Gergely Szerovay&lt;/a&gt;, 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 &lt;a href="https://angularaddicts.com/" rel="noopener noreferrer"&gt;Angular Addicts&lt;/a&gt; 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! &lt;a href="https://www.angularaddicts.com/" rel="noopener noreferrer"&gt;Subscribe here&lt;/a&gt; 🔥&lt;/p&gt;

&lt;p&gt;Follow me on &lt;a href="https://www.angularaddicts.com/" rel="noopener noreferrer"&gt;Substack (Angular Addicts)&lt;/a&gt;, &lt;a href="https://aiboosted.dev" rel="noopener noreferrer"&gt;Substack (AIBoosted.dev)&lt;/a&gt;, &lt;a href="https://medium.com/@GergelySzerovay" rel="noopener noreferrer"&gt;Medium&lt;/a&gt;, &lt;a href="https://dev.to/gergelyszerovay"&gt;Dev.to&lt;/a&gt;, &lt;a href="https://twitter.com/GergelySzerovay" rel="noopener noreferrer"&gt;Twitter&lt;/a&gt; or &lt;a href="https://www.linkedin.com/in/gergelyszerovay/" rel="noopener noreferrer"&gt;LinkedIn&lt;/a&gt; to learn more about Angular, and how to build AI apps with AI, Typescript, React and Angular!&lt;/p&gt;

&lt;h2&gt;
  
  
  🕹️Previous issues
&lt;/h2&gt;

&lt;p&gt;If you missed the previous issues of the newsletter, you can read them &lt;a href="https://www.angularaddicts.com/t/angular-addicts-monthly" rel="noopener noreferrer"&gt;here&lt;/a&gt;, these are the latest 3 issues:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://www.angularaddicts.com/p/angular-addicts-49-analogjs-25-agentic-angular" rel="noopener noreferrer"&gt;Angular Addicts #49: AnalogJS 2.5, Agentic Angular &amp;amp; more&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.angularaddicts.com/p/angular-addicts-48-typescript-6-on-push-as-default" rel="noopener noreferrer"&gt;Angular Addicts #48: TypeScript 6, OnPush as default, AI tools &amp;amp; more&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.angularaddicts.com/p/angular-addicts-47-skills-signal-forms" rel="noopener noreferrer"&gt;Angular Addicts #47: Angular 21.2, Skills, Signal Forms &amp;amp; moree&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  📨 Submit your Angular resource
&lt;/h2&gt;

&lt;p&gt;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 &lt;a href="https://twitter.com/gergelyszerovay" rel="noopener noreferrer"&gt;Twitter&lt;/a&gt;! I might feature it in the next Angular Addicts issue!&lt;/p&gt;

</description>
      <category>angular</category>
      <category>typescript</category>
      <category>javascript</category>
    </item>
    <item>
      <title>Angular Addicts #49: AnalogJS 2.5, Agentic Angular &amp; more</title>
      <dc:creator>Gergely Szerovay</dc:creator>
      <pubDate>Tue, 12 May 2026 07:11:31 +0000</pubDate>
      <link>https://dev.to/playfulprogramming-angular/angular-addicts-49-analogjs-25-agentic-angular-more-1pj8</link>
      <guid>https://dev.to/playfulprogramming-angular/angular-addicts-49-analogjs-25-agentic-angular-more-1pj8</guid>
      <description>&lt;h2&gt;
  
  
  👋Hey fellow Angular Addict
&lt;/h2&gt;

&lt;p&gt;This is the 49th issue of the Angular Addicts Newsletter, a monthly collection of carefully selected Angular resources that caught my attention. (Here are the &lt;a href="https://www.angularaddicts.com/p/angular-addicts-48-typescript-6-on-push-as-default" rel="noopener noreferrer"&gt;48th&lt;/a&gt;, &lt;a href="https://www.angularaddicts.com/p/angular-addicts-47-skills-signal-forms" rel="noopener noreferrer"&gt;47th&lt;/a&gt; and &lt;a href="https://www.angularaddicts.com/p/angular-addicts-46-skills-signal-forms" rel="noopener noreferrer"&gt;46th&lt;/a&gt;)&lt;/p&gt;

&lt;h2&gt;
  
  
  📢 Release announcements
&lt;/h2&gt;

&lt;h3&gt;
  
  
  📢 &lt;a href="https://dev.to/analogjs/analogjs-25-runtime-i18n-fast-compilation-mode-hierarchical-content-and-more-3ocj"&gt;AnalogJS 2.5: Runtime i18n, Fast Compilation Mode, Hierarchical Content, and more!&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/brandontroberts/" rel="noopener noreferrer"&gt;Brandon Roberts&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  💎Angular Gems of April, 2026
&lt;/h2&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://riegler.fr/blog/2025-04-05-input-output" rel="noopener noreferrer"&gt;Asymmetry of Angular Inputs and Outputs&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/matthieuriegler/" rel="noopener noreferrer"&gt;Matthieu Riegler&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://www.angulararchitects.io/en/blog/migrate-from-karma-to-vitest/" rel="noopener noreferrer"&gt;Migrate from Karma To Vitest&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/marcellkiss" rel="noopener noreferrer"&gt;Marcell Kiss&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://angular.love/ai-agents-for-developers-which-tool-works-best-in-real-projects" rel="noopener noreferrer"&gt;AI Agents for Developers: Which Tool Works Best in Real Projects?&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/maja-hendzel-433126215/" rel="noopener noreferrer"&gt;Maja Hendzel&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://blog.angular.dev/back-from-baby-bonding-agents-building-blocks-and-the-future-of-ai-engineering-07c0afb816a3" rel="noopener noreferrer"&gt;Back from Baby Bonding: Agents, Building Blocks, and the Future of AI Engineering&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/devinchasanoff/" rel="noopener noreferrer"&gt;Devin Chasanoff&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://dev.to/gde/extending-a-video-with-angular-veo-31-lite-firebase-cloud-functions-and-firebase-cloud-storage-4ik9"&gt;Extending a Video with Angular, Veo 3.1 Lite, Firebase Cloud Functions, and Firebase Cloud Storage&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/connieleung107/" rel="noopener noreferrer"&gt;Connie Leung&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://www.angulararchitects.io/en/blog/custom-catalogs-in-a2ui-your-own-components-for-ai-generated-uis/" rel="noopener noreferrer"&gt;Custom Catalogs in A2UI: Your Own Components for AI-Generated UIs&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;This article is part of &lt;a href="https://www.linkedin.com/in/manfred-steyer-84645821/" rel="noopener noreferrer"&gt;Manfred Steyer&lt;/a&gt;'s Agentic Angular series:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://www.angulararchitects.io/en/blog/understanding-ag-ui-the-standard-for-agentic-user-interfaces/" rel="noopener noreferrer"&gt;Understanding AG-UI: The Standard for Agentic User Interfaces&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.angulararchitects.io/en/blog/ag-ui-in-practice-the-sdk-for-typescript/" rel="noopener noreferrer"&gt;AG-UI in Practice: The SDK for TypeScript&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.angulararchitects.io/en/blog/implementing-ag-ui-with-angular/" rel="noopener noreferrer"&gt;Implementing AG-UI with Angular&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.angulararchitects.io/en/blog/a2ui-how-ai-generates-dynamic-uis-at-runtime/" rel="noopener noreferrer"&gt;A2UI: How AI Generates Dynamic UIs at Runtime&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.angulararchitects.io/en/blog/integrating-a2ui-with-ag-ui-in-angular/" rel="noopener noreferrer"&gt;Integrating A2UI with AG-UI in Angular&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.angulararchitects.io/en/blog/custom-catalogs-in-a2ui-your-own-components-for-ai-generated-uis/" rel="noopener noreferrer"&gt;Custom Catalogs in A2UI: Your Own Components for AI-Generated UIs&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://blog.angulartraining.com/rxjs-to-angular-signals-patterns-pitfalls-and-practical-tips-f551b100b9ec" rel="noopener noreferrer"&gt;RxJS to Angular Signals: Patterns, Pitfalls, and Practical Tips&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/achautard/" rel="noopener noreferrer"&gt;Alain Chautard&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  👨‍💻About the author
&lt;/h2&gt;

&lt;p&gt;My name is &lt;a href="https://www.linkedin.com/in/gergelyszerovay/" rel="noopener noreferrer"&gt;Gergely Szerovay&lt;/a&gt;, 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 &lt;a href="https://angularaddicts.com/" rel="noopener noreferrer"&gt;Angular Addicts&lt;/a&gt; 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! &lt;a href="https://www.angularaddicts.com/" rel="noopener noreferrer"&gt;Subscribe here&lt;/a&gt; 🔥&lt;/p&gt;

&lt;p&gt;Follow me on &lt;a href="https://www.angularaddicts.com/" rel="noopener noreferrer"&gt;Substack (Angular Addicts)&lt;/a&gt;, &lt;a href="https://aiboosted.dev" rel="noopener noreferrer"&gt;Substack (AIBoosted.dev)&lt;/a&gt;, &lt;a href="https://medium.com/@GergelySzerovay" rel="noopener noreferrer"&gt;Medium&lt;/a&gt;, &lt;a href="https://dev.to/gergelyszerovay"&gt;Dev.to&lt;/a&gt;, &lt;a href="https://twitter.com/GergelySzerovay" rel="noopener noreferrer"&gt;Twitter&lt;/a&gt; or &lt;a href="https://www.linkedin.com/in/gergelyszerovay/" rel="noopener noreferrer"&gt;LinkedIn&lt;/a&gt; to learn more about Angular, and how to build AI apps with AI, Typescript, React and Angular!&lt;/p&gt;

&lt;h2&gt;
  
  
  🕹️Previous issues
&lt;/h2&gt;

&lt;p&gt;If you missed the previous issues of the newsletter, you can read them &lt;a href="https://www.angularaddicts.com/t/angular-addicts-monthly" rel="noopener noreferrer"&gt;here&lt;/a&gt;, these are the latest 3 issues:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://www.angularaddicts.com/p/angular-addicts-48-typescript-6-on-push-as-default" rel="noopener noreferrer"&gt;Angular Addicts #48: TypeScript 6, OnPush as default, AI tools &amp;amp; more&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.angularaddicts.com/p/angular-addicts-47-skills-signal-forms" rel="noopener noreferrer"&gt;Angular Addicts #47: Angular 21.2, Skills, Signal Forms &amp;amp; moree&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.angularaddicts.com/p/angular-addicts-46-skills-signal-forms" rel="noopener noreferrer"&gt;Angular Addicts #46: Angular 21.1, Skills, Signal Forms &amp;amp; more&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  📨 Submit your Angular resource
&lt;/h2&gt;

&lt;p&gt;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 &lt;a href="https://twitter.com/gergelyszerovay" rel="noopener noreferrer"&gt;Twitter&lt;/a&gt;! I might feature it in the next Angular Addicts issue!&lt;/p&gt;

</description>
      <category>angular</category>
      <category>typescript</category>
      <category>javascript</category>
    </item>
    <item>
      <title>Angular Addicts #48: TypeScript 6, OnPush as default, AI tools &amp; more</title>
      <dc:creator>Gergely Szerovay</dc:creator>
      <pubDate>Thu, 16 Apr 2026 08:19:10 +0000</pubDate>
      <link>https://dev.to/playfulprogramming-angular/angular-addicts-48-typescript-6-onpush-as-default-ai-tools-more-4h54</link>
      <guid>https://dev.to/playfulprogramming-angular/angular-addicts-48-typescript-6-onpush-as-default-ai-tools-more-4h54</guid>
      <description>&lt;h2&gt;
  
  
  👋Hey fellow Angular Addict
&lt;/h2&gt;

&lt;p&gt;This is the 48th issue of the Angular Addicts Newsletter, a monthly collection of carefully selected Angular resources that caught my attention. (Here are the &lt;a href="https://www.angularaddicts.com/p/angular-addicts-47-skills-signal-forms" rel="noopener noreferrer"&gt;47th&lt;/a&gt;, &lt;a href="https://www.angularaddicts.com/p/angular-addicts-46-skills-signal-forms" rel="noopener noreferrer"&gt;46th&lt;/a&gt; and &lt;a href="https://www.angularaddicts.com/p/angular-addicts-44-angualr-21-signal-forms-vitest" rel="noopener noreferrer"&gt;45th&lt;/a&gt;)&lt;/p&gt;

&lt;h2&gt;
  
  
  📢 Release announcements
&lt;/h2&gt;

&lt;h3&gt;
  
  
  📢 &lt;a href="https://devblogs.microsoft.com/typescript/announcing-typescript-6-0/" rel="noopener noreferrer"&gt;Announcing TypeScript 6.0 - TypeScript&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://twitter.com/drosenwasser" rel="noopener noreferrer"&gt;Daniel Rosenwasser&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📢 &lt;a href="https://dev.to/analogjs/analogjs-24-vite-8-vitest-snapshot-serializers-astro-v6-support-and-more-3hgo"&gt;AnalogJS 2.4: Vite 8, Vitest Snapshot Serializers, Astro v6 Support, and more!&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/brandontroberts" rel="noopener noreferrer"&gt;Brandon Roberts&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📢 &lt;a href="https://www.reddit.com/r/angular/comments/1rz4uma/signality_01_is_out/" rel="noopener noreferrer"&gt;Signality 0.1 &amp;amp; 0.2 is out&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/vborodin/" rel="noopener noreferrer"&gt;Vyacheslav Borodin&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://signality.dev/" rel="noopener noreferrer"&gt;Signality&lt;/a&gt; is a comprehensive library of signal-first utilities for Angular. SSR-ready, type-safe, and designed for seamless reactive composition with DI-interop.&lt;/p&gt;




&lt;h2&gt;
  
  
  🎫 Win a free ticket to WebExpo Conf (Prague, Czechia, May 27-28, 2026)
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://webexpo.net/" rel="noopener noreferrer"&gt;WebExpo&lt;/a&gt;&amp;nbsp;is a conference for developers, designers and anyone involved in creating digital products and services, now with &lt;a href="https://webexpo.net/blog/fine-tuned-for-your-role-the-ai-thread-running-through-webexpo-2026/" rel="noopener noreferrer"&gt;AI talks in focus&lt;/a&gt; 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!&lt;/p&gt;

&lt;h3&gt;
  
  
  ➡️HOW TO WIN A&amp;nbsp;TICKET?
&lt;/h3&gt;

&lt;p&gt;To participate in the raffle, subscribe to Webexpo's newsletter: &lt;a href="https://webexpo.net/webexpo-newsletter/" rel="noopener noreferrer"&gt;https://webexpo.net/webexpo-newsletter/&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Then please send a screenshot of your subscription to this email address: &lt;a href="mailto:gergely.szerovay+we26@gmail.com"&gt;gergely.szerovay+we26@gmail.com&lt;/a&gt; with the following email subject: “WebExpo Angular Addicts Ticket”, and an answer to the question: "Which speaker are you most excited about?".&lt;/p&gt;

&lt;p&gt;I will accept entries submitted to this email address before 26. April 2026, 23:59 CEST (Sunday).&lt;/p&gt;

&lt;p&gt;Some conditions: the prize is a conference ticket, which provides the winner with access to the program of the conference days. Premium Workshops 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.&lt;/p&gt;

&lt;p&gt;So these are the steps:&lt;/p&gt;

&lt;p&gt;1️⃣ Subscribe to Webexpo's newsletter&lt;br&gt;
2️⃣ Send me an email with the screenshot, and an answer to the question: "Which speaker are you most excited about?".&lt;/p&gt;

&lt;p&gt;❗️Please check out the DATE &amp;amp; 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!&lt;/p&gt;

&lt;p&gt;The winner will be randomly selected on 27. April 2026.&lt;br&gt;
I’ll contact the winner via email, GOOD LUCK!&lt;/p&gt;

&lt;p&gt;WebExpo 2026 Conference website:&amp;nbsp;&lt;a href="https://webexpo.net/" rel="noopener noreferrer"&gt;https://webexpo.net/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;🏷️And if you want to purchase a ticket, use the code "ANGULAR26" at the checkout to get 50 EUR off.&lt;/p&gt;




&lt;h2&gt;
  
  
  🤖 Angular AI skills, tools and development
&lt;/h2&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://dev.to/gde/migrating-to-nano-banana-2-enhancing-your-angular-firebase-ai-app-1jae"&gt;Migrating to Nano Banana 2: Enhancing Your Angular Firebase AI App&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/connieleung404" rel="noopener noreferrer"&gt;Connie Leung&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://blog.angular.dev/local-ai-reactive-routing-and-the-vitest-migration-bdddad0cfa96" rel="noopener noreferrer"&gt;Local AI, Reactive Routing, and the Vitest Migration!&lt;/a&gt;
&lt;/h3&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://medium.com/ngconf/speckit-companion-e4fc99d1e061" rel="noopener noreferrer"&gt;SpecKit Companion&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://twitter.com/alfrodo_perez" rel="noopener noreferrer"&gt;Alfredo Perez&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  💎Angular Gems of March, 2026
&lt;/h2&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://angular.love/angular-schematics-deep-dive-part-2-ng-generate" rel="noopener noreferrer"&gt;Angular Schematics Deep Dive — Part 2&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/@SakthikumaranN" rel="noopener noreferrer"&gt;Sakthikumaran Navakumar&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://dev.to/playfulprogramming-angular/vitests-41-new-fast-forward-mode-skips-timer-delays-instantly-4a4h"&gt;Vitest's 4.1 New "Fast-Forward" Mode Skips Timer Delays Instantly&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/yjaaidi/" rel="noopener noreferrer"&gt;Younes Jaaidi&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://www.angulararchitects.io/en/blog/migrating-to-angular-signal-forms-interop-with-reactive-forms/" rel="noopener noreferrer"&gt;Migrating to Angular Signal Forms: Interop with Reactive Forms&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/ManfredSteyer" rel="noopener noreferrer"&gt;Manfred Steyer&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://push-based.io/article/onpush-will-become-the-default-cd-strategy-what-to-expect" rel="noopener noreferrer"&gt;OnPush will become the default CD Strategy - What to expect?&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/Enea_Jahollari" rel="noopener noreferrer"&gt;Enea Jahollari&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://blog.angulartraining.com/angular-templates-interpolation-vs-property-binding-whats-the-difference-cffc6943e4eb" rel="noopener noreferrer"&gt;Angular Templates: Interpolation vs. property binding, what’s the difference?&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/AlainChautard" rel="noopener noreferrer"&gt;Alain Chautard&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  👨‍💻About the author
&lt;/h2&gt;

&lt;p&gt;My name is &lt;a href="https://www.linkedin.com/in/gergelyszerovay/" rel="noopener noreferrer"&gt;Gergely Szerovay&lt;/a&gt;, 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 &lt;a href="https://angularaddicts.com/" rel="noopener noreferrer"&gt;Angular Addicts&lt;/a&gt; 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! &lt;a href="https://www.angularaddicts.com/" rel="noopener noreferrer"&gt;Subscribe here&lt;/a&gt; 🔥&lt;/p&gt;

&lt;p&gt;Follow me on &lt;a href="https://www.angularaddicts.com/" rel="noopener noreferrer"&gt;Substack (Angular Addicts)&lt;/a&gt;, &lt;a href="https://aiboosted.dev" rel="noopener noreferrer"&gt;Substack (AIBoosted.dev)&lt;/a&gt;, &lt;a href="https://medium.com/@GergelySzerovay" rel="noopener noreferrer"&gt;Medium&lt;/a&gt;, &lt;a href="https://dev.to/gergelyszerovay"&gt;Dev.to&lt;/a&gt;, &lt;a href="https://twitter.com/GergelySzerovay" rel="noopener noreferrer"&gt;Twitter&lt;/a&gt; or &lt;a href="https://www.linkedin.com/in/gergelyszerovay/" rel="noopener noreferrer"&gt;LinkedIn&lt;/a&gt; to learn more about Angular, and how to build AI apps with AI, Typescript, React and Angular!&lt;/p&gt;

&lt;h2&gt;
  
  
  🕹️Previous issues
&lt;/h2&gt;

&lt;p&gt;If you missed the previous issues of the newsletter, you can read them &lt;a href="https://www.angularaddicts.com/t/angular-addicts-monthly" rel="noopener noreferrer"&gt;here&lt;/a&gt;, these are the latest 3 issues:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://www.angularaddicts.com/p/angular-addicts-47-skills-signal-forms" rel="noopener noreferrer"&gt;Angular Addicts #47: Angular 21.2, Skills, Signal Forms &amp;amp; moree&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.angularaddicts.com/p/angular-addicts-46-skills-signal-forms" rel="noopener noreferrer"&gt;Angular Addicts #46: Angular 21.1, Skills, Signal Forms &amp;amp; more&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.angularaddicts.com/p/angular-addicts-44-angualr-21-signal-forms-vitest" rel="noopener noreferrer"&gt;Angular Addicts #45: Signal Form guides, AI integrations &amp;amp; more&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  📨 Submit your Angular resource
&lt;/h2&gt;

&lt;p&gt;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 &lt;a href="https://twitter.com/gergelyszerovay" rel="noopener noreferrer"&gt;Twitter&lt;/a&gt;! I might feature it in the next Angular Addicts issue!&lt;/p&gt;

</description>
      <category>angular</category>
      <category>typescript</category>
      <category>javascript</category>
    </item>
    <item>
      <title>Angular Addicts #47: Angular 21.2, Skills, Signal Forms &amp; more</title>
      <dc:creator>Gergely Szerovay</dc:creator>
      <pubDate>Tue, 17 Mar 2026 08:53:47 +0000</pubDate>
      <link>https://dev.to/playfulprogramming-angular/angular-addicts-47-angular-212-skills-signal-forms-more-14jm</link>
      <guid>https://dev.to/playfulprogramming-angular/angular-addicts-47-angular-212-skills-signal-forms-more-14jm</guid>
      <description>&lt;h2&gt;
  
  
  👋Hey fellow Angular Addict
&lt;/h2&gt;

&lt;p&gt;This is the 47th issue of the Angular Addicts Newsletter, a monthly collection of carefully selected Angular resources that caught my attention. (Here are the &lt;a href="https://www.angularaddicts.com/p/angular-addicts-46-skills-signal-forms" rel="noopener noreferrer"&gt;46th&lt;/a&gt;, &lt;a href="https://www.angularaddicts.com/p/angular-addicts-44-angualr-21-signal-forms-vitest" rel="noopener noreferrer"&gt;45th&lt;/a&gt; and &lt;a href="https://www.angularaddicts.com/p/angular-addicts-44-angualr-21-signal-forms-vitest" rel="noopener noreferrer"&gt;44th&lt;/a&gt;)&lt;/p&gt;

&lt;h2&gt;
  
  
  📢 Release announcements
&lt;/h2&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://blog.ninja-squad.com/2026/02/26/what-is-new-angular-21.2" rel="noopener noreferrer"&gt;What's new in Angular 21.2?&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/cedric_exbrayat" rel="noopener noreferrer"&gt;Cédric Exbrayat&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  🤖 Angular AI skills, tools and development
&lt;/h2&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://angular.love/agent-skills-in-claude-a-practical-guide-for-angular-developers" rel="noopener noreferrer"&gt;Agent Skills in Claude – A Practical Guide for Angular Developers&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/m_stefanczyk" rel="noopener noreferrer"&gt;Mateusz Stefańczyk&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://www.angulararchitects.io/en/blog/dynamic-reports-natural-lanaguage-queries-with-on-the-fly-code-generation/" rel="noopener noreferrer"&gt;Dynamic Reports: Natural Language Queries with On-the-Fly Code Generation&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/ManfredSteyer" rel="noopener noreferrer"&gt;Manfred Steyer&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://blog.mgechev.com/2026/02/26/skill-eval/" rel="noopener noreferrer"&gt;Unit Tests for AI Agent Skills&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/mgechev" rel="noopener noreferrer"&gt;Minko Gechev&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://medium.com/ngconf/angular-best-practices-for-ai-701bafdcda44" rel="noopener noreferrer"&gt;Angular Best Practices for AI&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://twitter.com/alfrodo_perez" rel="noopener noreferrer"&gt;Alfredo Perez&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  💎Angular Gems of February, 2026
&lt;/h2&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://angularexperts.ch/blog/signal-forms-essentials" rel="noopener noreferrer"&gt;Angular Signal Forms Essentials&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/nivekcode" rel="noopener noreferrer"&gt;Kevin Kreuzer&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://push-based.io/article/goodbye-controlvalueaccessor-hello-signals" rel="noopener noreferrer"&gt;Goodbye ControlValueAccessor, Hello Signals-powered FormValueControl!&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/Enea_Jahollari" rel="noopener noreferrer"&gt;Enea Jahollari&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://medium.com/@borzifrancesco/how-to-migrate-your-angular-app-to-zoneless-9f9350040e19" rel="noopener noreferrer"&gt;How to migrate your Angular app to Zoneless&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/francesco-borzi/" rel="noopener noreferrer"&gt;Francesco Borzì&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://dev.to/ujja/sunsetting-legacy-angular-how-were-migrating-to-nextjs-graphql-and-a-monorepo-without-a-big-1295"&gt;How We’re Surviving 600+ Legacy Angular Components While Migrating to Next.js, GraphQL, and a Monorepo&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://github.com/ujjavala" rel="noopener noreferrer"&gt;ujja&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://blog.angular.dev/security-advisory-addressing-recent-vulnerabilities-in-angular-c2656249b799" rel="noopener noreferrer"&gt;Security Advisory: Addressing Recent Vulnerabilities in Angular&lt;/a&gt;
&lt;/h3&gt;




&lt;h2&gt;
  
  
  👨‍💻About the author
&lt;/h2&gt;

&lt;p&gt;My name is &lt;a href="https://www.linkedin.com/in/gergelyszerovay/" rel="noopener noreferrer"&gt;Gergely Szerovay&lt;/a&gt;, 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 &lt;a href="https://angularaddicts.com/" rel="noopener noreferrer"&gt;Angular Addicts&lt;/a&gt; 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! &lt;a href="https://www.angularaddicts.com/" rel="noopener noreferrer"&gt;Subscribe here&lt;/a&gt; 🔥&lt;/p&gt;

&lt;p&gt;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 &lt;a href="https://aiboosted.dev" rel="noopener noreferrer"&gt;AIBoosted.dev&lt;/a&gt;. Join my on this learning journey: &lt;a href="https://aiboosted.dev" rel="noopener noreferrer"&gt;Subscribe here&lt;/a&gt; 🚀&lt;/p&gt;

&lt;p&gt;Follow me on &lt;a href="https://www.angularaddicts.com/" rel="noopener noreferrer"&gt;Substack (Angular Addicts)&lt;/a&gt;, &lt;a href="https://aiboosted.dev" rel="noopener noreferrer"&gt;Substack (AIBoosted.dev)&lt;/a&gt;, &lt;a href="https://medium.com/@GergelySzerovay" rel="noopener noreferrer"&gt;Medium&lt;/a&gt;, &lt;a href="https://dev.to/gergelyszerovay"&gt;Dev.to&lt;/a&gt;, &lt;a href="https://twitter.com/GergelySzerovay" rel="noopener noreferrer"&gt;Twitter&lt;/a&gt; or &lt;a href="https://www.linkedin.com/in/gergelyszerovay/" rel="noopener noreferrer"&gt;LinkedIn&lt;/a&gt; to learn more about Angular, and how to build AI apps with AI, Typescript, React and Angular!&lt;/p&gt;

&lt;h2&gt;
  
  
  🕹️Previous issues
&lt;/h2&gt;

&lt;p&gt;If you missed the previous issues of the newsletter, you can read them &lt;a href="https://www.angularaddicts.com/t/angular-addicts-monthly" rel="noopener noreferrer"&gt;here&lt;/a&gt;, these are the latest 3 issues:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://www.angularaddicts.com/p/angular-addicts-46-skills-signal-forms" rel="noopener noreferrer"&gt;Angular Addicts #46: Angular 21.1, Skills, Signal Forms &amp;amp; more&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.angularaddicts.com/p/angular-addicts-44-angualr-21-signal-forms-vitest" rel="noopener noreferrer"&gt;Angular Addicts #45: Signal Form guides, AI integrations &amp;amp; more&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.angularaddicts.com/p/angular-addicts-44-angualr-21-signal-forms-vitest" rel="noopener noreferrer"&gt;Angular Addicts #44: Angular 21, Signal Forms, Vitest, Chat assistant integration &amp;amp; more&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  📨 Submit your Angular resource
&lt;/h2&gt;

&lt;p&gt;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 &lt;a href="https://twitter.com/gergelyszerovay" rel="noopener noreferrer"&gt;Twitter&lt;/a&gt;! I might feature it in the next Angular Addicts issue!&lt;/p&gt;

</description>
      <category>angular</category>
      <category>typescript</category>
      <category>javascript</category>
    </item>
    <item>
      <title>Angular Addicts #46: Angular 21.1, Skills, Signal Forms &amp; more</title>
      <dc:creator>Gergely Szerovay</dc:creator>
      <pubDate>Tue, 10 Feb 2026 08:12:31 +0000</pubDate>
      <link>https://dev.to/playfulprogramming/angular-addicts-46-angular-211-skills-signal-forms-more-7bf</link>
      <guid>https://dev.to/playfulprogramming/angular-addicts-46-angular-211-skills-signal-forms-more-7bf</guid>
      <description>&lt;h2&gt;
  
  
  👋Hey fellow Angular Addict
&lt;/h2&gt;

&lt;p&gt;This is the 46th issue of the Angular Addicts Newsletter, a monthly collection of carefully selected Angular resources that caught my attention. (Here are the &lt;a href="https://www.angularaddicts.com/p/angular-addicts-44-angualr-21-signal-forms-vitest" rel="noopener noreferrer"&gt;45th&lt;/a&gt;, &lt;a href="https://www.angularaddicts.com/p/angular-addicts-44-angualr-21-signal-forms-vitest" rel="noopener noreferrer"&gt;44th&lt;/a&gt; and &lt;a href="https://www.angularaddicts.com/p/angular-addicts-43-vitest-signal-forms-animations" rel="noopener noreferrer"&gt;43rd&lt;/a&gt;)&lt;/p&gt;

&lt;h2&gt;
  
  
  📢 Release announcements
&lt;/h2&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://blog.ninja-squad.com/2026/01/15/what-is-new-angular-21.1" rel="noopener noreferrer"&gt;What's new in Angular 21.1?&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/cedric_exbrayat" rel="noopener noreferrer"&gt;Cédric Exbrayat&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  💎Angular Gems of January, 2026
&lt;/h2&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://dev.to/brandontroberts/angular-skills-agent-skills-for-ai-assisted-development-3jgg"&gt;Angular Skills: Agent Skills for AI-Assisted Development&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/brandontroberts" rel="noopener noreferrer"&gt;Brandon Roberts&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://angularexperts.ch/blog/signal-forms-config" rel="noopener noreferrer"&gt;Angular Signal Forms Config&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/nivekcode" rel="noopener noreferrer"&gt;Kevin Kreuzer&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://medium.com/netanelbasal/formvaluecontrol-deep-dive-into-angular-signal-forms-custom-controls-af68ce33df37" rel="noopener noreferrer"&gt;FormValueControl: Deep Dive into Angular Signal Forms Custom Controls&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/NetanelBasal" rel="noopener noreferrer"&gt;Netanel Basal&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://push-based.io/article/angular-aria-building-web-accessibility-beyond-compliance" rel="noopener noreferrer"&gt;Accessibility-First Angular with Angular Aria Combobox&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/AdrianRoOmanski" rel="noopener noreferrer"&gt;Adrian Romanski&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://www.angularspace.com/gemini-and-angular-part-ii-creating-generative-uis/" rel="noopener noreferrer"&gt;Gemini and Angular, Part II: Creating Generative UIs&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://twitter.com/Armandotrue" rel="noopener noreferrer"&gt;Armen Vardanyan&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://nx.dev/blog/setup-tailwind-4-angular-nx-workspace" rel="noopener noreferrer"&gt;Configure Tailwind v4 with Angular in an Nx Monorepo&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/juristr" rel="noopener noreferrer"&gt;Juri Strumpflohner&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://dev.to/krivanek06/angular-matpaginator-custom-styling-dkb"&gt;Angular: MatPaginator Custom Styling&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/eduard-krivanek/" rel="noopener noreferrer"&gt;Eduard Krivanek&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://medium.com/ngconf/introducing-ngx-dev-toolbar-53ec52cfd973" rel="noopener noreferrer"&gt;Introducing Angular Toolbar&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://twitter.com/alfrodo_perez" rel="noopener noreferrer"&gt;Alfredo Perez&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://dev.to/ngmaterialdev/implement-enterexit-animations-with-angular-cdk-overlay-pd3"&gt;Implement Enter/Exit Animations with Angular CDK Overlay&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/shhdharmen" rel="noopener noreferrer"&gt;Dharmen Shah&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  👨‍💻About the author
&lt;/h2&gt;

&lt;p&gt;My name is &lt;a href="https://www.linkedin.com/in/gergelyszerovay/" rel="noopener noreferrer"&gt;Gergely Szerovay&lt;/a&gt;, 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 &lt;a href="https://angularaddicts.com/" rel="noopener noreferrer"&gt;Angular Addicts&lt;/a&gt; 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! &lt;a href="https://www.angularaddicts.com/" rel="noopener noreferrer"&gt;Subscribe here&lt;/a&gt; 🔥&lt;/p&gt;

&lt;p&gt;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 &lt;a href="https://aiboosted.dev" rel="noopener noreferrer"&gt;AIBoosted.dev&lt;/a&gt;. Join my on this learning journey: &lt;a href="https://aiboosted.dev" rel="noopener noreferrer"&gt;Subscribe here&lt;/a&gt; 🚀&lt;/p&gt;

&lt;p&gt;Follow me on &lt;a href="https://www.angularaddicts.com/" rel="noopener noreferrer"&gt;Substack (Angular Addicts)&lt;/a&gt;, &lt;a href="https://aiboosted.dev" rel="noopener noreferrer"&gt;Substack (AIBoosted.dev)&lt;/a&gt;, &lt;a href="https://medium.com/@GergelySzerovay" rel="noopener noreferrer"&gt;Medium&lt;/a&gt;, &lt;a href="https://dev.to/gergelyszerovay"&gt;Dev.to&lt;/a&gt;, &lt;a href="https://twitter.com/GergelySzerovay" rel="noopener noreferrer"&gt;Twitter&lt;/a&gt; or &lt;a href="https://www.linkedin.com/in/gergelyszerovay/" rel="noopener noreferrer"&gt;LinkedIn&lt;/a&gt; to learn more about Angular, and how to build AI apps with AI, Typescript, React and Angular!&lt;/p&gt;

&lt;h2&gt;
  
  
  🕹️Previous issues
&lt;/h2&gt;

&lt;p&gt;If you missed the previous issues of the newsletter, you can read them &lt;a href="https://www.angularaddicts.com/t/angular-addicts-monthly" rel="noopener noreferrer"&gt;here&lt;/a&gt;, these are the latest 3 issues:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://www.angularaddicts.com/p/angular-addicts-44-angualr-21-signal-forms-vitest" rel="noopener noreferrer"&gt;Angular Addicts #45: Signal Form guides, AI integrations &amp;amp; more&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.angularaddicts.com/p/angular-addicts-44-angualr-21-signal-forms-vitest" rel="noopener noreferrer"&gt;Angular Addicts #44: Angular 21, Signal Forms, Vitest, Chat assistant integration &amp;amp; more&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.angularaddicts.com/p/angular-addicts-43-vitest-signal-forms-animations" rel="noopener noreferrer"&gt;Angular Addicts #43: Vitest, Signal Forms, Animations &amp;amp; more&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  📨 Submit your Angular resource
&lt;/h2&gt;

&lt;p&gt;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 &lt;a href="https://twitter.com/gergelyszerovay" rel="noopener noreferrer"&gt;Twitter&lt;/a&gt;! I might feature it in the next Angular Addicts issue!&lt;/p&gt;

</description>
      <category>angular</category>
      <category>typescript</category>
      <category>javascript</category>
    </item>
    <item>
      <title>Angular Addicts #45: Signal Form guides, AI integrations &amp; more</title>
      <dc:creator>Gergely Szerovay</dc:creator>
      <pubDate>Tue, 13 Jan 2026 08:05:19 +0000</pubDate>
      <link>https://dev.to/playfulprogramming-angular/angular-addicts-45-signal-form-guides-ai-integrations-more-2ka9</link>
      <guid>https://dev.to/playfulprogramming-angular/angular-addicts-45-signal-form-guides-ai-integrations-more-2ka9</guid>
      <description>&lt;h2&gt;
  
  
  👋Hey fellow Angular Addict
&lt;/h2&gt;

&lt;p&gt;This is the 45th issue of the Angular Addicts Newsletter, a monthly collection of carefully selected Angular resources that caught my attention. (Here are the &lt;a href="https://www.angularaddicts.com/p/angular-addicts-44-angualr-21-signal-forms-vitest" rel="noopener noreferrer"&gt;44th&lt;/a&gt;, &lt;a href="https://www.angularaddicts.com/p/angular-addicts-43-vitest-signal-forms-animations" rel="noopener noreferrer"&gt;43rd&lt;/a&gt; and &lt;a href="https://www.angularaddicts.com/p/angular-addicts-42-signal-forms-api-ai-powered-apps" rel="noopener noreferrer"&gt;42nd&lt;/a&gt;)&lt;/p&gt;

&lt;h2&gt;
  
  
  📢 Release announcements
&lt;/h2&gt;

&lt;h3&gt;
  
  
  📢 &lt;a href="https://dev.to/ngrx/announcing-ngrx-21-celebrating-a-10-year-journey-with-a-fresh-new-look-and-ngrxsignalsevents-5ekp"&gt;Announcing NgRx 21: Celebrating a 10 Year Journey with a fresh new look and @ngrx/signals/events&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/tim_deschryver" rel="noopener noreferrer"&gt;Tim Deschryver&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📢 &lt;a href="https://nx.dev/blog/nx-22-3-release" rel="noopener noreferrer"&gt;Nx 22.3 Release: Angular 21 Support, tsgo Compiler, and Prettier v3&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/philip-fulcher/" rel="noopener noreferrer"&gt;Philip Fulcher&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📢 &lt;a href="https://primeng.org/migration/v21" rel="noopener noreferrer"&gt;Migration guide to PrimeNG v21&lt;/a&gt;
&lt;/h3&gt;

&lt;h2&gt;
  
  
  🤖 AI &amp;amp; Angular
&lt;/h2&gt;

&lt;h3&gt;
  
  
  🤖 &lt;a href="https://dev.to/brandontroberts/building-an-angular-compiler-with-google-gemini-ie0"&gt;Building an Angular Compiler using AI with Google Gemini&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/brandontroberts" rel="noopener noreferrer"&gt;Brandon Roberts&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  🤖 &lt;a href="https://www.angulararchitects.io/en/blog/generative-ui-for-ai-assistants-component-control-and-structured-output-with-hashbrown/" rel="noopener noreferrer"&gt;Generative UI for AI Assistants: Component Control with Hashbrown&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/ManfredSteyer" rel="noopener noreferrer"&gt;Manfred Steyer&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  🤖 &lt;a href="https://dev.to/railsstudent/building-an-ai-powered-alt-text-generator-with-angular-firebase-ai-logic-and-gemini-3-b8k"&gt;Building an AI-Powered Alt Text Generator with Angular, Firebase AI Logic, and Gemini 3&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/connieleung404" rel="noopener noreferrer"&gt;Connie Leung&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  🤖 &lt;a href="https://blog.angulartraining.com/using-ai-with-angular-2025-update-5ab4b629e331" rel="noopener noreferrer"&gt;Using AI with Angular — 2025 update&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/AlainChautard" rel="noopener noreferrer"&gt;Alain Chautard&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  🤖 &lt;a href="https://dev.to/railsstudent/streaming-ai-speech-with-gemini-25-flash-tts-angular-v21-and-firebase-1odm"&gt;Streaming AI Speech with Gemini 2.5 Flash TTS, Angular, and Firebase&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/connieleung404" rel="noopener noreferrer"&gt;Connie Leung&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  📋 Signal Forms
&lt;/h2&gt;

&lt;h3&gt;
  
  
  📋 &lt;a href="https://signal-forms.guide/" rel="noopener noreferrer"&gt;Signal Forms Guide&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/stefanoslignos/" rel="noopener noreferrer"&gt;Stefanos Lignos&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📋 &lt;a href="https://angular.love/signal-forms-in-angular-21-complete-guide" rel="noopener noreferrer"&gt;Signal Forms in Angular 21 - Complete Guide&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/m_stefanczyk" rel="noopener noreferrer"&gt;Mateusz Stefańczyk&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  💎 Angular Gems of December, 2025
&lt;/h2&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://medium.com/@piyalidas.it/angular-signals-that-will-replace-half-your-rxjs-code-in-2025-aeca15205103" rel="noopener noreferrer"&gt;Angular Signals That Will Replace Half Your RxJS Code in 2025&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/piyalidas10/" rel="noopener noreferrer"&gt;Piyali Das&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://javascript.plainenglish.io/9-architecture-mistakes-that-quietly-kill-large-angular-codebases-and-how-ddd-fixes-them-2b7fe04bcbb1" rel="noopener noreferrer"&gt;9 Architecture Mistakes That Quietly Kill Large Angular Codebases (And How DDD Fixes Them)&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/modelski_karol" rel="noopener noreferrer"&gt;Karol Modelski&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://medium.com/coreteq/angular-pipes-time-to-rethink-f616ec84fb8d" rel="noopener noreferrer"&gt;Angular pipes: Time to rethink&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/vs_borodin" rel="noopener noreferrer"&gt;Vyacheslav Borodin&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://edbzn.dev/cross-framework-i18n-with-angular-localize-and-nx/" rel="noopener noreferrer"&gt;Framework-agnostic internationalization with Angular's localize tools and Nx&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://twitter.com/edbzn" rel="noopener noreferrer"&gt;Edouard Bozon&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://medium.com/netanelbasal/the-magic-of-deepsignal-how-angular-signal-forms-enable-true-nested-reactivity-6b9e0d73eb9d" rel="noopener noreferrer"&gt;The Magic of deepSignal: How Angular Signal Forms Enable True Nested Reactivity&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/NetanelBasal" rel="noopener noreferrer"&gt;Netanel Basal&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://blog.ninja-squad.com/2025/11/18/angular-tests-with-vitest-browser-mode" rel="noopener noreferrer"&gt;Angular tests with Vitest browser mode&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/jbnizet" rel="noopener noreferrer"&gt;Jean-Baptiste Nizet&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  👨‍💻About the author
&lt;/h2&gt;

&lt;p&gt;My name is &lt;a href="https://www.linkedin.com/in/gergelyszerovay/" rel="noopener noreferrer"&gt;Gergely Szerovay&lt;/a&gt;, 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 &lt;a href="https://angularaddicts.com/" rel="noopener noreferrer"&gt;Angular Addicts&lt;/a&gt; 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! &lt;a href="https://www.angularaddicts.com/" rel="noopener noreferrer"&gt;Subscribe here&lt;/a&gt; 🔥&lt;/p&gt;

&lt;p&gt;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 &lt;a href="https://aiboosted.dev" rel="noopener noreferrer"&gt;AIBoosted.dev&lt;/a&gt;. Join my on this learning journey: &lt;a href="https://aiboosted.dev" rel="noopener noreferrer"&gt;Subscribe here&lt;/a&gt; 🚀&lt;/p&gt;

&lt;p&gt;Follow me on &lt;a href="https://www.angularaddicts.com/" rel="noopener noreferrer"&gt;Substack (Angular Addicts)&lt;/a&gt;, &lt;a href="https://aiboosted.dev" rel="noopener noreferrer"&gt;Substack (AIBoosted.dev)&lt;/a&gt;, &lt;a href="https://medium.com/@GergelySzerovay" rel="noopener noreferrer"&gt;Medium&lt;/a&gt;, &lt;a href="https://dev.to/gergelyszerovay"&gt;Dev.to&lt;/a&gt;, &lt;a href="https://twitter.com/GergelySzerovay" rel="noopener noreferrer"&gt;Twitter&lt;/a&gt; or &lt;a href="https://www.linkedin.com/in/gergelyszerovay/" rel="noopener noreferrer"&gt;LinkedIn&lt;/a&gt; to learn more about Angular, and how to build AI apps with AI, Typescript, React and Angular!&lt;/p&gt;

&lt;h2&gt;
  
  
  🕹️Previous issues
&lt;/h2&gt;

&lt;p&gt;If you missed the previous issues of the newsletter, you can read them &lt;a href="https://www.angularaddicts.com/t/angular-addicts-monthly" rel="noopener noreferrer"&gt;here&lt;/a&gt;, these are the latest 3 issues:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://www.angularaddicts.com/p/angular-addicts-44-angualr-21-signal-forms-vitest" rel="noopener noreferrer"&gt;Angular Addicts #44: Angular 21, Signal Forms, Vitest, Chat assistant integration &amp;amp; more&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.angularaddicts.com/p/angular-addicts-43-vitest-signal-forms-animations" rel="noopener noreferrer"&gt;Angular Addicts #43: Vitest, Signal Forms, Animations &amp;amp; more&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.angularaddicts.com/p/angular-addicts-42-signal-forms-api-ai-powered-apps" rel="noopener noreferrer"&gt;Angular Addicts #42: Signal Forms API, AI powered apps with Angular &amp;amp; more&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  📨 Submit your Angular resource
&lt;/h2&gt;

&lt;p&gt;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 &lt;a href="https://twitter.com/gergelyszerovay" rel="noopener noreferrer"&gt;Twitter&lt;/a&gt;! I might feature it in the next Angular Addicts issue!&lt;/p&gt;

</description>
      <category>angular</category>
      <category>typescript</category>
      <category>javascript</category>
    </item>
    <item>
      <title>Angular Addicts #44: Angular 21, Signal Forms, Vitest, Chat assistant integration &amp; more</title>
      <dc:creator>Gergely Szerovay</dc:creator>
      <pubDate>Tue, 09 Dec 2025 08:14:06 +0000</pubDate>
      <link>https://dev.to/playfulprogramming-angular/angular-addicts-44-angular-21-signal-forms-vitest-chat-assistant-integration-more-2ee8</link>
      <guid>https://dev.to/playfulprogramming-angular/angular-addicts-44-angular-21-signal-forms-vitest-chat-assistant-integration-more-2ee8</guid>
      <description>&lt;h2&gt;
  
  
  👋Hey fellow Angular Addict
&lt;/h2&gt;

&lt;p&gt;This is the 44th issue of the Angular Addicts Newsletter, a monthly collection of carefully selected Angular resources that caught my attention. (Here are the &lt;a href="https://www.angularaddicts.com/p/angular-addicts-43-vitest-signal-forms-animations" rel="noopener noreferrer"&gt;43rd&lt;/a&gt;, &lt;a href="https://www.angularaddicts.com/p/angular-addicts-42-signal-forms-api-ai-powered-apps" rel="noopener noreferrer"&gt;42nd&lt;/a&gt; and &lt;a href="https://www.angularaddicts.com/p/angular-addicts-41-angular-20-2-animations-monorepos" rel="noopener noreferrer"&gt;41st&lt;/a&gt;)&lt;/p&gt;

&lt;h2&gt;
  
  
  📢 Release announcements
&lt;/h2&gt;

&lt;h3&gt;
  
  
  📢 &lt;a href="https://blog.angular.dev/announcing-angular-v21-57946c34f14b" rel="noopener noreferrer"&gt;Announcing Angular v21&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://bsky.app/profile/jens.ng" rel="noopener noreferrer"&gt;Jens Kuehlers&lt;/a&gt; and &lt;a href="https://bsky.app/profile/marktechson.com" rel="noopener noreferrer"&gt;Mark “Techson” Thompson&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📢 &lt;a href="https://dev.to/analogjs/announcing-analogjs-20-348d"&gt;Announcing AnalogJS 2.0&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/brandontroberts" rel="noopener noreferrer"&gt;Brandon Roberts&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  💎Angular Gems of November, 2025
&lt;/h2&gt;

&lt;h3&gt;
  
  
  📰 Angular Signal Forms
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/cedric_exbrayat" rel="noopener noreferrer"&gt;Cédric Exbrayat&lt;/a&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://blog.ninja-squad.com/2025/11/04/angular-signal-forms-part-1" rel="noopener noreferrer"&gt;Angular Signal Forms - Part 1&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://blog.ninja-squad.com/2025/11/14/angular-signal-forms-part-2" rel="noopener noreferrer"&gt;Angular Signal Forms - Part 2&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://angular.love/angular-ssr-optimize-seo-with-rendering-meta-tags-og-tags-and-social-media-previews" rel="noopener noreferrer"&gt;Angular SSR: Optimize SEO with rendering Meta Tags, OG Tags and Social Media Previews - Angular.love&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/dawid_k_dev" rel="noopener noreferrer"&gt;Dawid Kostka&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://medium.com/ngconf/the-angular-resource-api-fe8fa2b538bf" rel="noopener noreferrer"&gt;The Angular Resource API&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/prestonjlamb" rel="noopener noreferrer"&gt;Preston Lamb&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://medium.com/@monsieur_ricky/going-zoneless-why-your-angular-errorhandler-went-silent-and-how-to-fix-it-eb8edd038a2e" rel="noopener noreferrer"&gt;Going Zoneless: Why Your Angular ErrorHandler Went Silent — and How to Fix It&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/rickylopes" rel="noopener noreferrer"&gt;Ricky Lopes&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://edbzn.dev/understanding-nx-affected-graph-vs-cache-hits/" rel="noopener noreferrer"&gt;Understanding Nx's Affected Graph vs. Cache Hits&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://twitter.com/edbzn" rel="noopener noreferrer"&gt;Edouard Bozon&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://www.angulararchitects.io/en/blog/an-ai-assistant-for-your-angular-application-tool-calling-in-the-frontend-with-hashbrown/" rel="noopener noreferrer"&gt;An AI Assistant for your Angular Application: Tool Calling in the Frontend with Hashbrown&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/ManfredSteyer" rel="noopener noreferrer"&gt;Manfred Steyer&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://www.angularspace.com/gemini-and-angular-part-ii-structured-outputs-and-tool-calls/" rel="noopener noreferrer"&gt;Gemini and Angular, Part II: Structured Outputs and Tool calls&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://twitter.com/Armandotrue" rel="noopener noreferrer"&gt;Armen Vardanyan&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://blog.angulartraining.com/angular-signal-forms-set-up-and-validation-rules-5057b5d22f2c" rel="noopener noreferrer"&gt;Angular Signal Forms — Set-up and validation rules&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/AlainChautard" rel="noopener noreferrer"&gt;Alain Chautard&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://blog.angular.dev/handling-time-and-mock-clocks-in-tests-5a393b32dd30" rel="noopener noreferrer"&gt;Handling Time and Mock Clocks in Tests&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/AScottAngular" rel="noopener noreferrer"&gt;Andrew Scott&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://dev.to/angular/a-quick-vibe-code-experiment-with-angulars-mcp-server-3g2h"&gt;A Quick Vibe Code Experiment with Angular's MCP Server&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/AlisaDuncan" rel="noopener noreferrer"&gt;Alisa Duncan&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  👨‍💻About the author
&lt;/h2&gt;

&lt;p&gt;My name is &lt;a href="https://www.linkedin.com/in/gergelyszerovay/" rel="noopener noreferrer"&gt;Gergely Szerovay&lt;/a&gt;, 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 &lt;a href="https://angularaddicts.com/" rel="noopener noreferrer"&gt;Angular Addicts&lt;/a&gt; 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! &lt;a href="https://www.angularaddicts.com/" rel="noopener noreferrer"&gt;Subscribe here&lt;/a&gt; 🔥&lt;/p&gt;

&lt;p&gt;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 &lt;a href="https://aiboosted.dev" rel="noopener noreferrer"&gt;AIBoosted.dev&lt;/a&gt;. Join my on this learning journey: &lt;a href="https://aiboosted.dev" rel="noopener noreferrer"&gt;Subscribe here&lt;/a&gt; 🚀&lt;/p&gt;

&lt;p&gt;Follow me on &lt;a href="https://www.angularaddicts.com/" rel="noopener noreferrer"&gt;Substack (Angular Addicts)&lt;/a&gt;, &lt;a href="https://aiboosted.dev" rel="noopener noreferrer"&gt;Substack (AIBoosted.dev)&lt;/a&gt;, &lt;a href="https://medium.com/@GergelySzerovay" rel="noopener noreferrer"&gt;Medium&lt;/a&gt;, &lt;a href="https://dev.to/gergelyszerovay"&gt;Dev.to&lt;/a&gt;, &lt;a href="https://twitter.com/GergelySzerovay" rel="noopener noreferrer"&gt;Twitter&lt;/a&gt; or &lt;a href="https://www.linkedin.com/in/gergelyszerovay/" rel="noopener noreferrer"&gt;LinkedIn&lt;/a&gt; to learn more about Angular, and how to build AI apps with AI, Typescript, React and Angular!&lt;/p&gt;

&lt;h2&gt;
  
  
  🕹️Previous issues
&lt;/h2&gt;

&lt;p&gt;If you missed the previous issues of the newsletter, you can read them &lt;a href="https://www.angularaddicts.com/t/angular-addicts-monthly" rel="noopener noreferrer"&gt;here&lt;/a&gt;, these are the latest 3 issues:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://www.angularaddicts.com/p/angular-addicts-43-vitest-signal-forms-animations" rel="noopener noreferrer"&gt;Angular Addicts #43: Vitest, Signal Forms, Animations &amp;amp; more&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.angularaddicts.com/p/angular-addicts-42-signal-forms-api-ai-powered-apps" rel="noopener noreferrer"&gt;Angular Addicts #42: Signal Forms API, AI powered apps with Angular &amp;amp; more&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.angularaddicts.com/p/angular-addicts-41-angular-20-2-animations-monorepos" rel="noopener noreferrer"&gt;Angular Addicts #41: Angular 20.2, Animations, Monorepos &amp;amp; more&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  📨 Submit your Angular resource
&lt;/h2&gt;

&lt;p&gt;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 &lt;a href="https://twitter.com/gergelyszerovay" rel="noopener noreferrer"&gt;Twitter&lt;/a&gt;! I might feature it in the next Angular Addicts issue!&lt;/p&gt;

</description>
      <category>angular</category>
      <category>typescript</category>
      <category>javascript</category>
    </item>
    <item>
      <title>Angular Addicts #43: Vitest, Signal Forms, Animations &amp; more</title>
      <dc:creator>Gergely Szerovay</dc:creator>
      <pubDate>Tue, 11 Nov 2025 07:34:56 +0000</pubDate>
      <link>https://dev.to/playfulprogramming-angular/angular-addicts-43-vitest-signal-forms-animations-more-3lcd</link>
      <guid>https://dev.to/playfulprogramming-angular/angular-addicts-43-vitest-signal-forms-animations-more-3lcd</guid>
      <description>&lt;h2&gt;
  
  
  👋Hey fellow Angular Addict
&lt;/h2&gt;

&lt;p&gt;This is the 43rd issue of the Angular Addicts Newsletter, a monthly collection of carefully selected Angular resources that caught my attention. (Here are the &lt;a href="https://www.angularaddicts.com/p/angular-addicts-42-signal-forms-api-ai-powered-apps" rel="noopener noreferrer"&gt;42nd&lt;/a&gt;, &lt;a href="https://www.angularaddicts.com/p/angular-addicts-41-angular-20-2-animations-monorepos" rel="noopener noreferrer"&gt;41st&lt;/a&gt; and &lt;a href="https://www.angularaddicts.com/p/angular-addicts-40-angular-20-1-zoneless-testing-native-federation-more" rel="noopener noreferrer"&gt;40th&lt;/a&gt;)&lt;/p&gt;

&lt;h2&gt;
  
  
  💎Angular Gems of October, 2025
&lt;/h2&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://www.angulararchitects.io/en/blog/dynamic-forms-building-a-form-generator-with-signal-forms/" rel="noopener noreferrer"&gt;Dynamic Forms: Building a Form Generator with Signal Forms&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/ManfredSteyer" rel="noopener noreferrer"&gt;Manfred Steyer&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://push-based.io/article/angular-v21-goes-zoneless-by-default-what-changes-why-its-faster-and-how-to" rel="noopener noreferrer"&gt;Angular v21 Goes Zoneless by Default: What Changes &amp;amp; Why It’s Faster&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/Enea_Jahollari" rel="noopener noreferrer"&gt;Enea Jahollari&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://dev.to/rainerhahnekamp/angulars-testing-revolution-vitest-fake-timers-testronaut-2bnj"&gt;Angular's Testing Revolution: Vitest, Fake Timers &amp;amp; Testronaut&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://twitter.com/rainerhahnekamp" rel="noopener noreferrer"&gt;Rainer Hahnekamp&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://medium.com/@schnabelelisa0/custom-angular-form-controls-made-simple-with-signal-forms-3860dcdb5a03" rel="noopener noreferrer"&gt;Custom Angular Form Controls Made Simple with Signal Forms&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://www.linkedin.com/in/elisa-schnabel-2a634a372/" rel="noopener noreferrer"&gt;Elisa Schnabel&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://medium.com/ngconf/20-ways-to-make-your-angular-apps-run-faster-part-4-build-and-diagnostics-58bab2712202" rel="noopener noreferrer"&gt;20 Ways to Make Your Angular Apps Run Faster | Part 4: Build and Diagnostics&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/zorphdark" rel="noopener noreferrer"&gt;Alejandro Cuba Ruiz&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This is the 4th part of the "20 Ways to Make Your Angular Apps Run Faster" series:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://medium.com/ngconf/20-ways-to-make-your-angular-apps-run-faster-part-1-rendering-optimizations-51d16425bd0e" rel="noopener noreferrer"&gt;Part 1: Rendering Optimizations&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://medium.com/ngconf/20-ways-to-make-your-angular-apps-run-faster-part-2-reactivity-fec43badd0c7" rel="noopener noreferrer"&gt;Part 2: Reactivity&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://medium.com/ngconf/20-ways-to-make-your-angular-apps-run-faster-part-3-assets-and-styling-b31be756d793" rel="noopener noreferrer"&gt;Part 3: Assets and Styling&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://medium.com/ngconf/20-ways-to-make-your-angular-apps-run-faster-part-4-build-and-diagnostics-58bab2712202" rel="noopener noreferrer"&gt;Part 4: Build and Diagnostics&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://dev.to/railsstudent/building-an-ai-creative-suite-with-angular-gemini-imagen-and-veo-41bk"&gt;Building an AI Creative Suite with Angular, Gemini, Imagen and Veo&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/connieleung404" rel="noopener noreferrer"&gt;Connie Leung&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://blog.angulartraining.com/how-to-animate-transitions-with-angular-66bad6d0dae2" rel="noopener noreferrer"&gt;How to animate transitions with Angular?&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/AlainChautard" rel="noopener noreferrer"&gt;Alain Chautard&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 &lt;a href="https://blog.angular.dev/angular-support-for-generating-apps-in-google-ai-studio-is-now-available-3a3afde38f58" rel="noopener noreferrer"&gt;Angular support for generating apps in Google AI Studio is now available&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;By &lt;a href="https://x.com/marktechson" rel="noopener noreferrer"&gt;Mark (Techson) Thompson&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  👨‍💻About the author
&lt;/h2&gt;

&lt;p&gt;My name is &lt;a href="https://www.linkedin.com/in/gergelyszerovay/" rel="noopener noreferrer"&gt;Gergely Szerovay&lt;/a&gt;, 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 &lt;a href="https://angularaddicts.com/" rel="noopener noreferrer"&gt;Angular Addicts&lt;/a&gt; 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! &lt;a href="https://www.angularaddicts.com/" rel="noopener noreferrer"&gt;Subscribe here&lt;/a&gt; 🔥&lt;/p&gt;

&lt;p&gt;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 &lt;a href="https://aiboosted.dev" rel="noopener noreferrer"&gt;AIBoosted.dev&lt;/a&gt;. Join my on this learning journey: &lt;a href="https://aiboosted.dev" rel="noopener noreferrer"&gt;Subscribe here&lt;/a&gt; 🚀&lt;/p&gt;

&lt;p&gt;Follow me on &lt;a href="https://www.angularaddicts.com/" rel="noopener noreferrer"&gt;Substack (Angular Addicts)&lt;/a&gt;, &lt;a href="https://aiboosted.dev" rel="noopener noreferrer"&gt;Substack (AIBoosted.dev)&lt;/a&gt;, &lt;a href="https://medium.com/@GergelySzerovay" rel="noopener noreferrer"&gt;Medium&lt;/a&gt;, &lt;a href="https://dev.to/gergelyszerovay"&gt;Dev.to&lt;/a&gt;, &lt;a href="https://twitter.com/GergelySzerovay" rel="noopener noreferrer"&gt;Twitter&lt;/a&gt; or &lt;a href="https://www.linkedin.com/in/gergelyszerovay/" rel="noopener noreferrer"&gt;LinkedIn&lt;/a&gt; to learn more about Angular, and how to build AI apps with AI, Typescript, React and Angular!&lt;/p&gt;

&lt;h2&gt;
  
  
  🕹️Previous issues
&lt;/h2&gt;

&lt;p&gt;If you missed the previous issues of the newsletter, you can read them &lt;a href="https://www.angularaddicts.com/t/angular-addicts-monthly" rel="noopener noreferrer"&gt;here&lt;/a&gt;, these are the latest 3 issues:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://www.angularaddicts.com/p/angular-addicts-42-signal-forms-api-ai-powered-apps" rel="noopener noreferrer"&gt;Angular Addicts #42: Signal Forms API, AI powered apps with Angular &amp;amp; more&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.angularaddicts.com/p/angular-addicts-41-angular-20-2-animations-monorepos" rel="noopener noreferrer"&gt;Angular Addicts #41: Angular 20.2, Animations, Monorepos &amp;amp; more&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.angularaddicts.com/p/angular-addicts-40-angular-20-1-zoneless-testing-native-federation-more" rel="noopener noreferrer"&gt;Angular Addicts #40: Angular 20.1, NgRx 20, Zoneless testing, Native Federation &amp;amp; more&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  📨 Submit your Angular resource
&lt;/h2&gt;

&lt;p&gt;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 &lt;a href="https://twitter.com/gergelyszerovay" rel="noopener noreferrer"&gt;Twitter&lt;/a&gt;! I might feature it in the next Angular Addicts issue!&lt;/p&gt;

</description>
      <category>angular</category>
      <category>typescript</category>
      <category>javascript</category>
    </item>
    <item>
      <title>Is This the Future of E2E Testing? How AI Automates Browser Tests from Plain English Requirements</title>
      <dc:creator>Gergely Szerovay</dc:creator>
      <pubDate>Thu, 30 Oct 2025 10:16:16 +0000</pubDate>
      <link>https://dev.to/playfulprogramming-angular/is-this-the-future-of-e2e-testing-how-ai-automates-browser-tests-from-plain-english-requirements-1d0</link>
      <guid>https://dev.to/playfulprogramming-angular/is-this-the-future-of-e2e-testing-how-ai-automates-browser-tests-from-plain-english-requirements-1d0</guid>
      <description>&lt;p&gt;End-to-end testing has always been the gold standard for verifying that your application actually works the way users experience it. But let's be honest: writing and maintaining E2E tests is often a thankless job. Flaky selectors, timing issues, brittle test code that breaks with every UI change, the pain points are real and numerous.&lt;/p&gt;

&lt;p&gt;What if instead of writing test code, &lt;strong&gt;you could simply describe what you want to test in plain language&lt;/strong&gt;, and have an &lt;strong&gt;AI assistant execute those tests&lt;/strong&gt; for you, then generate a detailed &lt;strong&gt;report&lt;/strong&gt; of what happened? That's exactly what becomes possible when you combine the Chrome DevTools MCP server with AI-powered testing workflows.&lt;/p&gt;

&lt;p&gt;This is Part 2 of our Chrome DevTools MCP series. In &lt;a href="https://www.aiboosted.dev/p/chrome-devtools-mcp-server-guide" rel="noopener noreferrer"&gt;Part 1 (Chrome DevTools MCP Server Guide)&lt;/a&gt;, we explored the &lt;strong&gt;fundamentals of the Chrome DevTools MCP server and its tools for browser automation.&lt;/strong&gt; Now, we're going to put those tools to work in a complete, practical workflow: taking a product requirements document, generating test scenarios, executing them automatically, and producing comprehensive test reports, all orchestrated by your AI assistant.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;By the end of this article, you'll understand how to transform requirements documents into executable test scenarios and leverage AI to execute Gherkin-style tests via browser automation.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Let's dive in with a real example: a Tic-Tac-Toe game. I've generated both &lt;strong&gt;React&lt;/strong&gt; and &lt;strong&gt;Angular&lt;/strong&gt; versions of this demo app in the &lt;a href="https://github.com/gergelyszerovay/articles/tree/e2e-testing-with-chrome-devtools-mcp" rel="noopener noreferrer"&gt;companion GitHub repository&lt;/a&gt;, so you can follow along with whichever framework you prefer. The repository contains everything you need: the &lt;a href="https://github.com/gergelyszerovay/articles/blob/e2e-testing-with-chrome-devtools-mcp/tic-tac-toe-react/src/features/tic-tac-toe/PRD.md" rel="noopener noreferrer"&gt;complete PRD&lt;/a&gt;, &lt;a href="https://github.com/gergelyszerovay/articles/blob/e2e-testing-with-chrome-devtools-mcp/tic-tac-toe-react/src/features/tic-tac-toe/ARCHITECTURE.md" rel="noopener noreferrer"&gt;architecture documentation&lt;/a&gt;, &lt;a href="https://github.com/gergelyszerovay/articles/tree/e2e-testing-with-chrome-devtools-mcp/e2e" rel="noopener noreferrer"&gt;generated Gherkin scenarios&lt;/a&gt;, and &lt;a href="https://github.com/gergelyszerovay/articles/blob/e2e-testing-with-chrome-devtools-mcp/e2e/core-gameplay.report.md" rel="noopener noreferrer"&gt;test reports&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Traditional E2E Testing Workflow (The Old Way)
&lt;/h2&gt;

&lt;p&gt;Before we explore the AI-assisted approach, let's acknowledge how E2E testing typically works and why it's often neglected. The traditional workflow starts with writing specifications or a PRD to document what the application should do. Then you manually create test scenarios by thinking through user flows and edge cases. Next comes the real work: writing Puppeteer, Playwright, or Cucumber Gherkin &lt;strong&gt;scripts to translate those scenarios into code&lt;/strong&gt;, followed by hours of &lt;strong&gt;debugging flaky selectors and timing issues&lt;/strong&gt;. Finally, you &lt;strong&gt;maintain that test code&lt;/strong&gt; as the UI inevitably changes, updating selectors, refactoring tests, and fixing breakages.&lt;/p&gt;

&lt;h2&gt;
  
  
  Introducing the AI-Assisted Testing Workflow
&lt;/h2&gt;

&lt;p&gt;Here's what changes when you let AI orchestrate your E2E testing using the Chrome DevTools MCP server:&lt;/p&gt;

&lt;h3&gt;
  
  
  The Five-Step Process
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Document requirements&lt;/strong&gt;: PRD, you're doing this anyway&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Generate Gherkin scenarios&lt;/strong&gt;: AI translates requirements into test scenarios&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;AI executes tests&lt;/strong&gt;: via Chrome DevTools MCP, no test code to write or maintain&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;AI generates detailed test reports&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Iterate and maintain&lt;/strong&gt;: Update requirements and regenerate tests as needed&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  Why This Works
&lt;/h3&gt;

&lt;p&gt;The key insight is that we're working in &lt;strong&gt;natural language throughout the entire process&lt;/strong&gt;. Your &lt;strong&gt;requirements&lt;/strong&gt; get written in natural language (PRD), then translated into natural language &lt;strong&gt;test scenarios&lt;/strong&gt; (Gherkin). The AI orchestrates &lt;strong&gt;test execution&lt;/strong&gt; by understanding these natural language instructions, and finally generates &lt;strong&gt;test reports&lt;/strong&gt; in natural language that anyone can read. There's no translation layer into brittle test code, no fighting with selectors, just clear descriptions of what should happen, executed and verified automatically.&lt;/p&gt;

&lt;p&gt;Let's see this in action with our Tic-Tac-Toe example.&lt;/p&gt;

&lt;h2&gt;
  
  
  Step 1: Foundation: The Product Requirements
&lt;/h2&gt;

&lt;p&gt;Every good testing strategy starts with clear requirements. For our Tic-Tac-Toe game, we have a comprehensive Product Requirements Document (PRD) that lays everything out. You can find the &lt;a href="https://github.com/gergelyszerovay/articles/blob/e2e-testing-with-chrome-devtools-mcp/tic-tac-toe-react/src/features/tic-tac-toe/PRD.md" rel="noopener noreferrer"&gt;complete PRD in the GitHub repository&lt;/a&gt;.&lt;/p&gt;

&lt;h3&gt;
  
  
  The Product Requirements Document (PRD)
&lt;/h3&gt;

&lt;p&gt;Our PRD covers everything we need to know about how the game should behave:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;User Stories&lt;/strong&gt; organized by category:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Core Gameplay: Placing marks, seeing turns, winning, draws&lt;/li&gt;
&lt;li&gt;Game Management: New game, undo, move counter&lt;/li&gt;
&lt;li&gt;User Experience: Hover effects, mobile support, accessibility&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Functional Requirements&lt;/strong&gt; (FR-1 through FR-19) that specify exact behaviors:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;FR-1: The game must support two players: X and O&lt;/li&gt;
&lt;li&gt;FR-2: Player X always goes first&lt;/li&gt;
&lt;li&gt;FR-3: Players alternate turns&lt;/li&gt;
&lt;li&gt;FR-4: A player wins by placing three marks in a row&lt;/li&gt;
&lt;li&gt;FR-5: The game ends in a draw if all cells are filled&lt;/li&gt;
&lt;li&gt;FR-6: Cells cannot be overwritten once marked&lt;/li&gt;
&lt;li&gt;...and so on&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Non-Functional Requirements&lt;/strong&gt; covering performance, usability, and accessibility:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;NFR-8: All interactive elements must have proper ARIA labels&lt;/li&gt;
&lt;li&gt;NFR-9: Game must be fully keyboard navigable&lt;/li&gt;
&lt;li&gt;NFR-10: Screen readers must be able to announce game state&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Why This Documentation Matters
&lt;/h3&gt;

&lt;p&gt;This PRD serves as the &lt;strong&gt;single source of truth&lt;/strong&gt; for both development and testing. When requirements are this clear and structured, AI can extract testable behaviors, generate appropriate test scenarios, understand the expected outcomes, and verify that the implementation matches the specification. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.aiboosted.dev/p/better-apps-with-vibe-coding-7-step-coding-guidelines" rel="noopener noreferrer"&gt;The investment in writing good requirements pays dividends throughout the entire development lifecycle&lt;/a&gt;, but especially in testing. Think of it as building a solid foundation, everything else gets easier when you start with clarity.&lt;/p&gt;

&lt;h2&gt;
  
  
  Step 2: From Requirements to Gherkin Scenarios
&lt;/h2&gt;

&lt;p&gt;Gherkin is a business-readable, domain-specific language for describing software behaviors without detailing how those behaviors are implemented. It uses a simple structure:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight gherkin"&gt;&lt;code&gt;&lt;span class="kd"&gt;Feature&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; Description of the feature
  &lt;span class="kn"&gt;Scenario&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; Description of a specific behavior
    &lt;span class="nf"&gt;Given &lt;/span&gt;[initial context]
    &lt;span class="nf"&gt;When &lt;/span&gt;[action taken]
    &lt;span class="nf"&gt;Then &lt;/span&gt;[expected outcome]
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;If you're new to Gherkin, the &lt;a href="https://cucumber.io/docs/gherkin/reference/" rel="noopener noreferrer"&gt;Gherkin reference&lt;/a&gt; has everything you need to know about the syntax and best practices. But don't worry, you'll pick up the basics just by following along with our examples.&lt;/p&gt;

&lt;h3&gt;
  
  
  The Translation Process
&lt;/h3&gt;

&lt;p&gt;Here's the simple prompt I used to transform our PRD into executable test scenarios:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Create Gherkin feature files based on the PRD (Product Requirements Document) located at:
`tic-tac-toe-react/src/features/tic-tac-toe/PRD.md`

Save the generated feature files to the following directory:
`e2e`

Additionally, create a README.md file in the same `e2e` folder that explains:
- How each feature file maps to specific PRD requirements
- The relationship between test scenarios and product specifications
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;That's all it took. The AI read through the PRD, identified testable behaviors, and organized them into four focused feature files covering everything from basic gameplay to accessibility.&lt;/p&gt;

&lt;p&gt;Let me show you how it translates requirements into Gherkin. The following examples are from the &lt;a href="https://github.com/gergelyszerovay/articles/blob/e2e-testing-with-chrome-devtools-mcp/e2e/core-gameplay.feature" rel="noopener noreferrer"&gt;core-gameplay.feature&lt;/a&gt; file in our repository. Take this functional requirement:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;From this requirement:&lt;/strong&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;FR-2: Player X always goes first&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;strong&gt;To this Gherkin scenario:&lt;/strong&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight gherkin"&gt;&lt;code&gt;&lt;span class="kn"&gt;Scenario&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; First move is always Player X
  &lt;span class="nf"&gt;When &lt;/span&gt;the game starts
  &lt;span class="nf"&gt;Then &lt;/span&gt;the status should display &lt;span class="s"&gt;"Player X's turn"&lt;/span&gt;
  &lt;span class="nf"&gt;And &lt;/span&gt;all cells should be empty
  &lt;span class="nf"&gt;And &lt;/span&gt;the move counter should show &lt;span class="s"&gt;"0"&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Or this user story:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;From this user story:&lt;/strong&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;As a player, I want to click on an empty cell to place my mark, so I can make my move&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;strong&gt;To this Gherkin scenario:&lt;/strong&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight gherkin"&gt;&lt;code&gt;&lt;span class="kn"&gt;Scenario&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; Player places mark in empty cell
  &lt;span class="nf"&gt;When &lt;/span&gt;Player X clicks on cell 0
  &lt;span class="nf"&gt;Then &lt;/span&gt;cell 0 should display &lt;span class="s"&gt;"X"&lt;/span&gt;
  &lt;span class="nf"&gt;And &lt;/span&gt;it should be Player O's turn
  &lt;span class="nf"&gt;And &lt;/span&gt;the move counter should show &lt;span class="s"&gt;"1"&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Pretty straightforward, right? The AI maintains the intent of each requirement while converting it into a testable format that anyone on your team can read and understand.&lt;/p&gt;

&lt;p&gt;For our Tic-Tac-Toe game, the AI organized everything into four feature files covering core gameplay, game outcomes, controls, and accessibility. Rather than walk through all of them in detail, let me show you what the core gameplay scenarios look like, this will give you a good feel for how comprehensive these tests become.&lt;/p&gt;

&lt;h3&gt;
  
  
  The Traceability Matrix
&lt;/h3&gt;

&lt;p&gt;One of the most valuable outputs is the &lt;strong&gt;traceability matrix&lt;/strong&gt; that links each requirement to its corresponding test scenarios. You can see the &lt;a href="https://github.com/gergelyszerovay/articles/blob/e2e-testing-with-chrome-devtools-mcp/e2e/README.md" rel="noopener noreferrer"&gt;complete traceability matrix in the repository&lt;/a&gt;:&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Requirement ID&lt;/th&gt;
&lt;th&gt;Test Scenario&lt;/th&gt;
&lt;th&gt;Feature File&lt;/th&gt;
&lt;th&gt;Status&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;FR-1&lt;/td&gt;
&lt;td&gt;Two players support&lt;/td&gt;
&lt;td&gt;core-gameplay.feature&lt;/td&gt;
&lt;td&gt;✅&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;FR-2&lt;/td&gt;
&lt;td&gt;X goes first&lt;/td&gt;
&lt;td&gt;core-gameplay.feature&lt;/td&gt;
&lt;td&gt;✅&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;FR-3&lt;/td&gt;
&lt;td&gt;Turn alternation&lt;/td&gt;
&lt;td&gt;core-gameplay.feature&lt;/td&gt;
&lt;td&gt;✅&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;FR-4&lt;/td&gt;
&lt;td&gt;Win detection&lt;/td&gt;
&lt;td&gt;game-outcomes.feature&lt;/td&gt;
&lt;td&gt;✅&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;FR-5&lt;/td&gt;
&lt;td&gt;Draw detection&lt;/td&gt;
&lt;td&gt;game-outcomes.feature&lt;/td&gt;
&lt;td&gt;✅&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;NFR-8&lt;/td&gt;
&lt;td&gt;ARIA labels&lt;/td&gt;
&lt;td&gt;accessibility.feature&lt;/td&gt;
&lt;td&gt;✅&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;NFR-9&lt;/td&gt;
&lt;td&gt;Keyboard navigation&lt;/td&gt;
&lt;td&gt;accessibility.feature&lt;/td&gt;
&lt;td&gt;✅&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;This matrix ensures complete test coverage and makes it easy to verify that every requirement has been tested.&lt;/p&gt;

&lt;h2&gt;
  
  
  Step 3: AI Executes Tests Using Chrome DevTools MCP
&lt;/h2&gt;

&lt;p&gt;Now comes the magic: executing these Gherkin scenarios automatically using the Chrome DevTools MCP server. Let's walk through the actual conversation that orchestrated the entire test suite execution.&lt;/p&gt;

&lt;h3&gt;
  
  
  The Initial Request
&lt;/h3&gt;

&lt;p&gt;Before running tests, you need your application running locally. In our case, we have both React and Angular implementations available in the &lt;a href="https://github.com/gergelyszerovay/articles/tree/e2e-testing-with-chrome-devtools-mcp" rel="noopener noreferrer"&gt;GitHub repository&lt;/a&gt;. To start the React version, run &lt;code&gt;npm start&lt;/code&gt; from the &lt;code&gt;tic-tac-toe-react&lt;/code&gt; directory, it'll launch on port 4305. For Angular, navigate to &lt;code&gt;tic-tac-toe-ng&lt;/code&gt; and use &lt;code&gt;ng serve&lt;/code&gt;. Once your app is running, you can begin testing.&lt;/p&gt;

&lt;p&gt;Here's the prompt I used to kick off the test execution:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;I have a React app located in the `tic-tac-toe-react` directory that's running on http://127.0.0.1:4305/.

Please use the Chrome DevTools MCP server to:
1. Execute the test steps defined in `e2e/core-gameplay.feature`
2. Generate a test report and save it to `e2e/core-gameplay.report.md`

For each Gherkin step in the report, include a text result indicating whether it passed or failed (and any relevant details).
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;That's it. No test code to write.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Advanced Approach: Using Subagents for Large Test Suites&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;For complex applications with many test scenarios, there's a more scalable approach using subagents. Instead of executing all test steps in a single AI conversation context, &lt;strong&gt;you can delegate each scenario to its own subagent&lt;/strong&gt;. The main orchestrator agent maintains only the Gherkin file, coordinates subagent executions, and generates the final consolidated report, while each subagent independently runs its assigned scenario's steps.&lt;/p&gt;

&lt;p&gt;This architecture provides significant benefits for &lt;strong&gt;large test suites&lt;/strong&gt;. The main agent's context stays clean and focused on orchestration rather than getting cluttered with hundreds of detailed test execution steps. &lt;strong&gt;Each scenario executes in isolation with its own fresh context&lt;/strong&gt;, preventing context pollution and token limit issues. Most importantly, this approach allows you to run comprehensive test suites with many scenarios and steps without hitting context length limitations.&lt;/p&gt;

&lt;p&gt;Here's how you structure the prompt for subagent-based testing. The following example is for the Angular app and GitHub Copilot:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;I have an Angular app located in the `tic-tac-toe-ng` directory 
that's running on http://127.0.0.1:4200/.

Please use the Chrome DevTools MCP server to execute the test 
scenarios defined in `e2e/core-gameplay.feature`.

For each scenario in the feature file:
1. Use `runSubagent` to execute the test steps for that specific scenario
2. Each subagent should test the scenario independently and return 
   a detailed text result indicating whether it passed or failed, including:
   - Pass/fail status for each Gherkin step in the scenario
   - Any relevant details, observations, or error messages
   - Verification data (e.g., DOM state, element content, computed styles)

After all subagents complete:
3. Aggregate all the scenario results and generate a comprehensive test report
4. Save the final report to `e2e/core-gameplay.report-ng-subagents.md`

The report should include the pass/fail status and details for 
each scenario returned by the subagents.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;This subagent approach becomes essential as your test suite grows beyond a dozen scenarios or when individual scenarios involve complex multi-step interactions.&lt;/p&gt;

&lt;h3&gt;
  
  
  How AI Interprets Gherkin Steps
&lt;/h3&gt;

&lt;p&gt;The AI reads the Gherkin scenarios and translates them into Chrome DevTools MCP tool calls. Let's look at a concrete example from the actual test execution:&lt;/p&gt;

&lt;h4&gt;
  
  
  Example: Preventing Cell Overwrites
&lt;/h4&gt;

&lt;p&gt;&lt;strong&gt;Gherkin:&lt;/strong&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight gherkin"&gt;&lt;code&gt;&lt;span class="nf"&gt;Given &lt;/span&gt;Player X clicks on cell 4
&lt;span class="nf"&gt;When &lt;/span&gt;Player O attempts to click on cell 4
&lt;span class="nf"&gt;Then &lt;/span&gt;cell 4 should still display &lt;span class="s"&gt;"X"&lt;/span&gt;
&lt;span class="nf"&gt;And &lt;/span&gt;it should still be Player O's turn
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;AI's internal process:&lt;/strong&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;1. navigate_page to http://127.0.0.1:4305/
2. take_snapshot → Find cell 4 (uid: "48_8")
3. click uid "48_8"
4. take_snapshot → Verify cell 4 now shows "Cell with X" (disabled)
5. click uid "49_8" → Attempt to click again
   Result: Click timed out (element disabled, click prevented)
6. take_snapshot → Verify state unchanged:
   - Cell 4: Still "Cell with X"
   - Status: Still "Current player: O"
   - Move counter: Still "Moves: 1"
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;The insight:&lt;/strong&gt; The click timeout actually confirms the test passed! The cell is disabled, so the click cannot complete, which is exactly the expected behavior.&lt;/p&gt;

&lt;h3&gt;
  
  
  The Power of Accessibility-Driven Testing
&lt;/h3&gt;

&lt;p&gt;Notice how every test relies on the &lt;strong&gt;accessibility tree&lt;/strong&gt; rather than implementation details. This approach provides remarkable stability since accessibility properties remain unchanged even when you refactor CSS or restructure DOM elements. Tests verify what users actually experience rather than just confirming that certain classes are applied. When your accessibility tree is well-structured, you're simultaneously ensuring your app is accessible to screen reader users. The snapshots themselves are immediately understandable, showing "Button", "Empty cell", "Cell with X" instead of cryptic selectors or implementation details that make sense to humans.&lt;/p&gt;

&lt;h2&gt;
  
  
  Step 4: The Test Report: Automated Documentation
&lt;/h2&gt;

&lt;p&gt;After executing all tests, the AI generates a comprehensive test report in Markdown format. Let's examine the structure and value of this automatically generated documentation. You can view the &lt;a href="https://github.com/gergelyszerovay/articles/blob/e2e-testing-with-chrome-devtools-mcp/e2e/core-gameplay.report.md" rel="noopener noreferrer"&gt;complete test report in the repository&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;The report opens with a summary table, this immediately tells you the health of your application at a glance.&lt;/p&gt;

&lt;p&gt;For each Gherkin step, the report includes:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Pass/Fail status&lt;/strong&gt; (✅ or ❌)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Detailed result description&lt;/strong&gt; explaining what was observed&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Element UIDs&lt;/strong&gt; referenced during the test&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Evidence from Chrome DevTools interactions&lt;/strong&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  Limitations and Considerations
&lt;/h2&gt;

&lt;p&gt;While this AI-assisted testing approach offers significant advantages, let's be realistic about where it fits in your testing strategy.&lt;/p&gt;

&lt;h4&gt;
  
  
  Standardization for Production Use
&lt;/h4&gt;

&lt;p&gt;For real-world usage in production environments, you'll want to establish &lt;strong&gt;consistency across your test artifacts&lt;/strong&gt;. This means defining report templates that standardize how test results are formatted and presented, making it easier to compare results across different test runs and share reports with stakeholders. You'll also want to establish a &lt;strong&gt;coding standard for Gherkin files&lt;/strong&gt; that defines naming conventions, step patterns, and structural guidelines, ensuring that AI-generated scenarios follow your team's conventions and integrate smoothly with your existing test documentation.&lt;/p&gt;

&lt;p&gt;These standards become especially important when multiple team members are generating tests or when you're maintaining a large test suite over time. Consider creating example templates and style guides that you can reference in your prompts to the AI.&lt;/p&gt;

&lt;h4&gt;
  
  
  Requirements Are Your Foundation
&lt;/h4&gt;

&lt;p&gt;The quality of your tests directly reflects the quality of your requirements. &lt;strong&gt;Vague or incomplete PRDs lead to vague or incomplete tests&lt;/strong&gt;, there's no magic here. This approach shines when your requirements are specific, testable, and well-structured. The good news? The discipline of writing better requirements benefits your entire project, not just testing.&lt;/p&gt;

&lt;h4&gt;
  
  
  Complex Interactions May Need Detailed Steps
&lt;/h4&gt;

&lt;p&gt;Simple interactions like clicking buttons and filling forms work automatically. But complex scenarios, think multi-step wizards, drag-and-drop operations, or dynamic content loading, often need more granular Gherkin steps. Instead of "When the user completes the checkout flow," you'll want to break it down: "When the user adds items to cart, And navigates to checkout, And fills in shipping address..." The AI can handle complexity, but it needs clear, step-by-step instructions.&lt;/p&gt;

&lt;h4&gt;
  
  
  Human Review Still Matters
&lt;/h4&gt;

&lt;p&gt;AI can generate tests from your documented requirements, but it won't catch missing requirements, undocumented edge cases, or critical integration points you forgot to mention. A &lt;strong&gt;human reviewer should verify test coverage&lt;/strong&gt;, ensure both happy paths and error cases are tested, and confirm that scenarios match real-world usage patterns.&lt;/p&gt;

&lt;h4&gt;
  
  
  Complement, Don't Replace
&lt;/h4&gt;

&lt;p&gt;E2E tests through Chrome DevTools MCP excel at verifying user-facing behaviors in the actual browser. They complement but &lt;strong&gt;don't replace unit tests&lt;/strong&gt; for isolated functions, integration tests for component interactions, or API tests for backend functionality. Think of this as the top layer of your testing pyramid or &lt;a href="https://kentcdodds.com/blog/the-testing-trophy-and-testing-classifications" rel="noopener noreferrer"&gt;thropy&lt;/a&gt;, you still need the foundation underneath.&lt;/p&gt;

&lt;h2&gt;
  
  
  About the Author
&lt;/h2&gt;

&lt;p&gt;My name is &lt;a href="https://www.linkedin.com/in/gergelyszerovay/" rel="noopener noreferrer"&gt;Gergely Szerovay&lt;/a&gt;, and I've worked as a data scientist and full-stack developer for many years. Currently, I work as a frontend tech lead focusing on Angular-based development. As part of my role, I'm constantly following how Angular and the frontend development scene in general is evolving.&lt;/p&gt;

&lt;p&gt;To share my knowledge, I started the &lt;a href="https://angularaddicts.com/" rel="noopener noreferrer"&gt;Angular Addicts&lt;/a&gt; monthly newsletter and publication in 2022, sending subscribers the best resources each month. Whether you're a seasoned Angular developer or just getting started, I've got you covered.&lt;/p&gt;

&lt;p&gt;In the past year, with the rise of generative AI, our software development workflows have evolved rapidly. To closely follow this evolution, I decided to start building AI tools in public and publish my progress on &lt;a href="https://aiboosted.dev" rel="noopener noreferrer"&gt;AIBoosted.dev&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Join me on this learning journey:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;🔥 &lt;a href="https://www.angularaddicts.com/" rel="noopener noreferrer"&gt;Subscribe to Angular Addicts&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🚀 &lt;a href="https://aiboosted.dev" rel="noopener noreferrer"&gt;Subscribe to AIBoosted.dev&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Connect with me:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://medium.com/@GergelySzerovay" rel="noopener noreferrer"&gt;Medium&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://dev.to/gergelyszerovay"&gt;Dev.to&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://twitter.com/GergelySzerovay" rel="noopener noreferrer"&gt;Twitter&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.linkedin.com/in/gergelyszerovay/" rel="noopener noreferrer"&gt;LinkedIn&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Learn more about Angular, TypeScript, React, and how to build AI-assisted development workflows that make you more productive!&lt;/p&gt;

</description>
      <category>e2e</category>
      <category>angular</category>
      <category>react</category>
    </item>
  </channel>
</rss>
