Best of Angular — 2025

1. 1
   Article

   Community Picks·1y

   Announcing TanStack Form v1

   TanStack Form v1 has been released and is ready for production use. It supports React, Vue, Angular, Solid, and Lit frameworks, with numerous features for each. The form library emphasizes type safety and comes with built-in support for runtime usage, type-checking, field-based validation, and async validation. It also offers compatibility with SSR solutions like Next.js and TanStack Start. Future feature additions are planned now that the stable version is released.

   211

   6
2. 2
   Video

   Stefan Mischook·23w

   The End of JavaScript Frameworks

   Mastering JavaScript fundamentals is more valuable than chasing specific frameworks. Understanding core concepts like the DOM, async operations, and the web stack makes learning any framework straightforward. Framework debates create analysis paralysis that prevents developers from becoming employable. Focus on building strong foundations first, then choose a framework based on local job market demand rather than hype.

   112

   29
3. 3
   Article

   habr·1y

   How to Add Any CSS Framework to Your Project. Part 1

   Learn how to integrate any CSS framework into your Angular project. This guide uses Bootstrap as an example, explaining the benefits of using source code styles like SASS for greater customization and flexibility. Follow the step-by-step instructions to create an organized setup that separates third-party and custom styles, making your project easier to maintain and optimize.

   109

   2
4. 4
   Article

   Syncfusion·1y

   Top 5 Free JavaScript PDF Viewers for Developers in 2025

   Discover the top five free JavaScript PDF Viewers for developers, including Syncfusion JavaScript PDF Viewer, PDF.js, Pdfvuer, ngx-extended-pdf-viewer, and React-pdf. Learn about their key features, usability, customization options, and licensing details to find the best fit for your project's needs. Each tool offers unique strengths for different frameworks like Angular, React, and Vue.

   98

   2
5. 5
   Article

   LogRocket·44w

   Angular has grown up — and the best is yet to come

   Angular has evolved significantly from its early days, addressing core architectural issues like change detection and template syntax. The framework is moving away from Zone.js monkey-patching toward signals for better reactivity, introducing cleaner control flow syntax to replace verbose HTML directives, and making difficult but necessary decisions like deprecating flex-layout. With Angular 20's experimental zoneless change detection and continued improvements, the framework is positioned for its strongest years ahead.

   90

   4
6. 6
   Article

   LogRocket·48w

   How to properly handle rejected promises in TypeScript

   Covers proper techniques for handling rejected promises in TypeScript applications, including implementation of retry logic, typed error results, and prevention of unhandled promise exceptions. Focuses on practical approaches using Angular framework with real-world examples and best practices for asynchronous error management.

   75
7. 7
   Article

   The New Stack·28w

   Why the Frontend Should Run AI Models Locally With ONNX

   Running AI models locally in the browser using ONNX Runtime Web offers significant advantages over cloud-based approaches. Local execution eliminates privacy concerns by keeping sensitive data on-device, enables offline functionality, and provides instant feedback loops. ONNX acts as a universal format for ML models, allowing models trained in PyTorch or TensorFlow to run anywhere via JavaScript. Angular's Signals feature (v16+) provides the performance isolation needed for heavy inference operations. The approach enables mixing local models for low-latency tasks with cloud calls for complex reasoning, while maintaining transparency about data handling.

   56

   5
8. 8
   Article

   Telerik·1y

   Angular Clean Coding Fundamentals

   Explore essential tips for writing cleaner and more efficient Angular code with the latest features in Angular 19. Learn about the benefits of using control flow syntax, injection tokens, and the Angular CLI for better component management. Understand the advantages of removing ZoneJS and utilizing Signals over RxJS for improved performance and readability.

   53

   3
9. 9
   Article

   DEV·1y

   My favorite Angular Setup in 2025

   The post shares an opinionated guide on the most effective tools, libraries, and practices for Angular development in 2025. It covers the adoption of Signals for reactivity, use of Angular CLI over Nx, combining Angular Material with Tailwind CSS for UI development, testing frameworks like Jasmine/Karma and Playwright, and code guidelines involving ESLint, Prettier, Husky, Lint-Staged, and Sheriff. Other topics include state management with SignalStore, the usage of 'inject' over constructors for dependency injection, and the advantages of zoneless mode and OnPush strategy for performance.

   51
10. 10
    Article

    This is Angular·36w

    Angular Signals Form: Validation and Logic

    Explores how to implement validation and business logic in Angular's signal-based forms using schemas. Covers creating declarative validation rules, using built-in validators like required and minLength, implementing custom validation with validate and error functions, and leveraging schema composition patterns with apply, applyEach, and applyWhen functions for scalable form management.

    46
11. 11
    Article

    LogRocket·23w

    Angular vs. React vs. Vue.js: A performance guide for 2026

    Angular 20, React 19.2, and Vue 3.5 have converged around signals-based reactivity, compiler-driven optimizations, and improved hydration strategies. Angular offers zoneless architecture with 20-30% runtime gains and enterprise-grade structure. React provides the largest ecosystem with automatic batching and compiler-assisted memoization. Vue delivers the smallest bundle size at 20KB with fine-grained reactivity and Vapor Mode previews. Performance differences are narrowing as all three frameworks adopt similar architectural patterns around reactivity, edge rendering, and build tooling. Framework choice now depends more on team size, ecosystem needs, and architectural preferences than raw performance metrics.

    43

    5
12. 12
    Article

    Atomic Spin·1y

    Here’s Why Angular is the Better Choice for Long-Term Projects

    Choosing the right framework for long-term, large-scale projects is crucial. Angular offers a more structured, scalable, and enterprise-ready solution compared to React. With built-in tools for routing, state management, forms, and testing, Angular reduces reliance on third-party libraries. Its opinionated architecture enforces best practices, making updates and maintenance predictable. Angular's modular structure and long-term support make it ideal for enterprise applications, while its testing ecosystem and structured environment foster reliable, maintainable code.

    35

    1
13. 13
    Article

    Bytes by ui.dev·52w

    Zod 4 validates my feelings

    Zod 4, a TypeScript-first schema validator, has launched with major improvements including 7x faster object parsing and a 2x smaller core bundle size. New features include metadata support and a Zod Mini sub-library for improved tree-shakability. Additionally, tools like Bit can help modernize legacy codebases, and browser updates like Firefox 139 support the Temporal API.

    34

    1
14. 14
    Article

    Ionic Blog·42w

    Announcing Ionic 8.7

    Ionic Framework 8.7 introduces new reorder events (ionReorderStart, ionReorderMove, ionReorderEnd) for better drag-and-drop control, comprehensive CSS utility classes for display and flexbox layouts, Ionicons v8 with enhanced Safari compatibility, and Angular IonModalToken for improved modal dependency injection. The release also deprecates several older classes and events while maintaining backward compatibility.

    33
15. 15
    Article

    This is Angular·1y

    Angular LAB: Preserving Component State Across Route Transitions

    Learn to preserve component state in Angular when navigating between routes using RouteReuseStrategy. This approach helps in maintaining the DOM state, such as form data, even after route transitions. The post provides an in-depth guide to implementing a custom RouteReuseStrategy, including methods for caching and retrieving routes, as well as strategies to prevent memory leaks.

    32
16. 16
    Article

    Syncfusion·37w

    10 Angular Performance Hacks to Supercharge Your Web Apps in 2025

    Comprehensive guide covering 10 advanced Angular performance optimization techniques for 2025, including zoneless change detection, signals, strategic lazy loading, deferrable views, NgOptimizedImage, enhanced SSR with PendingTasks API, tree-shaking strategies, RxJS patterns, and virtual scrolling. Each technique includes practical implementation examples, performance metrics, and common pitfalls to avoid.

    31
17. 17
    Article

    This is Learning·1y

    Angular 2025 Guide: Mastering Standalone Components

    Discover the evolution of Angular with the introduction of standalone components. Learn how these components simplify the development process by reducing the need for NgModules, streamlining declarations, and enhancing modularity. This guide offers step-by-step instructions and practical examples to help both beginners and returning developers transition to modern Angular practices.

    30
18. 18
    Article

    This is Angular·37w

    Signals Form: Introduction

    Angular introduces experimental Signal Forms as a third form type alongside Reactive and Template-driven forms. Signal Forms use signals as the single source of truth for form data, creating a field tree structure where each field provides state information like value, validity, and interaction status. The approach separates concerns into data model, field state, field logic, and UI controls, with built-in directives handling two-way data binding and form validation integration.

    28
19. 19
    Article

    Collections·52w

    Stable and Focused: What's New in Angular v20

    Angular v20 focuses on stabilizing signal-based APIs like effect, linkedSignal, and signalToObservable while introducing major performance improvements through incremental hydration, enhanced server-side rendering, and zoneless change detection. The release adds TypeScript 5.8 support, a new form system, native Chrome DevTools debugging, and experimental Vitest support. Notable AI integration features include an llms.txt file and guidelines for building AI-enabled applications, positioning Angular for future AI-driven development workflows.

    28
20. 20
    Article

    SD Times·24w

    Infragistics open sources 50+ Ignite UI components

    Infragistics has open sourced over 50 Ignite UI components across Angular, React, Blazor, and Web Components. Previously free to use, these components can now be freely modified and extended. The open source release includes basic UI elements like Grid Lite, Accordion, Button, Calendar, and Dialog, while advanced components such as Data Grid, Pivot Grid, and Charting Library remain premium. This dual approach provides a free foundation for all developers while maintaining professionally supported enterprise-grade components for teams with advanced needs.

    27
21. 21
    Article

    Syncfusion·1y

    Boost Angular Performance: Lazy Loading Guide

    Lazy loading in Angular improves application performance by loading modules only when they are needed, reducing initial load time and enhancing user experience. This guide explains the benefits of lazy loading, including faster initial load times, reduced bundle sizes, and improved performance for large apps. It provides a step-by-step approach to implementing lazy loading, from creating a new Angular project to measuring performance gains. It also addresses common challenges and additional optimizations for further enhancing app performance.

    26
22. 22
    Video

    Joshua Morony·1y

    This is why PROFILING is critical for high performance JavaScript

    The post details how the author used browser profiling tools to identify and fix performance issues in a JavaScript game. Techniques discussed include identifying slow frames, spotting memory leaks, and using flame graphs to trace problematic code. By spreading update actions over multiple frames and cleaning up particle emitter references, significant performance improvements were achieved.

    26
23. 23
    Article

    JetBrains·24w

    WebStorm 2025.3: Enhanced Monorepo Support, Framework Improvements, Vitest 4 Support, Multiple Agents in AI Assistant, Remote Debugging, and More

    WebStorm 2025.3 introduces a service-powered TypeScript type engine for better performance and accuracy, enhanced monorepo support with improved pnpm and Nx workspace handling, and remote debugging capabilities for JavaScript projects in WSL and Docker. The release adds Vitest 4 support, integrates Claude Agent and Junie in the AI Assistant, updates CSS syntax to align with WebRef specifications including new math functions, and consolidates Node.js, Bun, and Deno configuration into a unified JavaScript Runtime settings page. Additional improvements include Angular 20.2 template syntax support, Vue 3.6 Vapor mode recognition, Astro parser fixes, and a new Prettier language status widget.

    25
24. 24
    Article

    Nx·26w

    Nx 22.1 Release: Terminal UI on Windows, Storybook 10, Vitest 4, and more!

    Nx 22.1 introduces Terminal UI support for Windows users, enabling the same task management experience previously available only on Mac and Linux. The release adds Storybook 10 support with AI-powered ESM migration assistance, splits Vitest into a dedicated plugin with atomizer support for parallel test execution, and includes compatibility updates for Next.js v16 and Cypress v15. Angular 21 support with Vitest as the default test runner is coming in version 22.2.

    23
25. 25
    Article

    Collections·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.

    23