Best of AngularOctober 2025

  1. 1
    Article
    Avatar of collectionsCollections·30w

    Angular 21: A New Era of Testing with Vitest and Testronaut

    Angular 21 replaces Jasmine with Vitest as the default testing framework, chosen for its browser mode compatibility and alignment with the modern JavaScript ecosystem. The update includes stable zoneless mode implementation, deprecating legacy utilities like fakeAsync() in favor of fake timers. Additionally, Angular introduces Testronaut, a Playwright-based component testing runner that enables full browser testing without requiring Vite compilation. These changes modernize Angular's testing capabilities and improve integration with the broader JavaScript development ecosystem.

  2. 2
    Article
    Avatar of tiaThis is Angular·32w

    Ng-News 25/41: Future Testing Framework: Vitest or Jest?

    Angular's testing tooling is evolving, with recent pull requests suggesting a shift from Jest to Vitest as the future test runner. While multiple Vitest migration PRs have been merged, the Angular team clarifies no final decision has been made yet. The current official setup remains Jasmine and Karma, though Karma is deprecated. Meanwhile, Playwright 1.56 introduces AI-assisted testing with three agents (planner, generator, healer) to automate test creation and repair. Community resources include comprehensive guides on Angular SSR and performance optimization tips for Largest Contentful Paint.

  3. 3
    Article
    Avatar of newstackThe New Stack·30w

    New Open Source Tool from Angular Scores Vibe Code Quality

    Google's Angular team released Web Codegen Scorer, an open source tool that evaluates AI-generated frontend code quality. The tool tests LLM-generated applications against framework best practices, accessibility standards, and security vulnerabilities, providing developers with a 0-100 score. Originally created to settle internal debates about which LLM best implements Angular, the scorer helped the team identify common failure patterns and improve their framework. It includes pre-configured environments for Angular and Solid.js, with support for other frameworks through custom prompts. The tool integrates with AI-enabled IDEs and agents to guide better code generation.

  4. 4
    Article
    Avatar of halodocHalodoc·30w

    Find & Fix Node.js Memory Leaks with Heap Snapshots

    Memory leaks in Node.js applications cause gradual memory growth until containers crash or restart. Heap snapshots provide detailed dumps of JavaScript memory at specific moments, revealing which objects consume memory and why they aren't garbage collected. The article demonstrates capturing snapshots using Node.js V8 API, triggering them on app start, via SIGUSR2 signals, and automatically during OOM events. Analysis involves comparing multiple snapshots in Chrome DevTools to identify growing objects, examining retained sizes, and tracing retainer chains to find root causes. Common leak patterns include lingering timers, unremoved event listeners, unclosed RxJS subscriptions, and closures retaining large objects. The solution includes storing snapshots securely in S3 with encryption and automatic expiry, enabling systematic debugging of production memory issues.

  5. 5
    Article
    Avatar of angularaddictsAngular Addicts·32w

    Angular CLI MCP Server Guide

    Angular CLI now includes an MCP (Model Context Protocol) server that connects AI assistants to live Angular documentation, code examples, and modernization tools. The server provides tools for searching documentation, finding curated examples, migrating legacy code to modern patterns, and even an AI tutor for learning Angular. Available in Angular v20.3 with experimental features, and expanding in v21. Developers can configure the server through mcp.json to enable stable and experimental tools, allowing AI assistants to provide accurate, version-specific guidance based on official Angular resources rather than outdated training data.