Menu
Hello

I'm Sonu Kapoor
Web developer and Angular expert, passionate about performance and open-source.

More About Me Get In Touch
Get My CV
Scroll Down

ARTICLES

I regularly write about Angular, performance optimization, and JavaScript best practices

  • You’re Using NgRx Wrong: Real Mistakes That Cost Teams Weeks

    NgRx is a powerful state management library for Angular applications, providing a clear, scalable architecture for handling complex state. However, developers often run into serious issues due to misunderstandings of its core patterns. These pitfalls can lead to performance bottlenecks, unnecessary re-renders, and overly complex code that becomes difficult to maintain. In this article, we will explore common mistakes developers make when working with NgRx and how to avoid them with real-world examples.

  • Dynamically Configuring the Swagger-Generated API Base Path in Angular

    In this article, we’ll explore how to inject the basePath dynamically without modifying the generated files. We'll also ensure that it works seamlessly in both NgModules and Standalone Components.

  • Understanding Tree Shaking in JavaScript: A Comprehensive Guide

    Tree shaking is a powerful optimization technique that helps reduce the size of JavaScript bundles by eliminating dead code — parts of the code that are never used or executed. This results in smaller, faster, and more efficient web applications. In this article, we'll dive deep into what tree shaking is, how it works, its benefits, and how you can implement it in your projects.

  • Understanding Angular Ahead-of-Time (AOT) Compilation

    This article explores the mechanics of AOT compilation, its benefits, its differences from Just-in-Time (JIT) compilation, best practices for implementation, common pitfalls, and debugging strategies. Additionally, it delves into AOT’s impact on large-scale applications and enterprise environments, as well as the evolution of the Angular compiler from Angular 2 to the present.

  • Getting Started with Firebase and Angular in idx.dev

    This is a series designed to guide you through creating a real-time, serverless application from scratch while leveraging the seamless integration of Firebase and Angular.

  • Mastering Angular Unit Testing: Best Practices and Tools

    In this article, you will learn: Mocking SIFERS, Angular Testing Library (ATL), Testing methods & best practices.

  • Optimizing Angular Reactive Forms: Enhancing Performance with Lazy Validation and Async Validators

    In this article, we’ll dive into several advanced techniques for optimizing Angular Reactive Forms, focusing on performance improvements through lazy validation, async validators, and other form-handling strategies that help keep your applications responsive and efficient.

  • The Myth of 'Fix Later': Why Writing the Best Code Now is Essential

    In this article, we explore how the pressure to meet deadlines leads to shortcuts like "TODO" comments, which may seem harmless but can have long-term negative effects on the project and team.

  • Custom Validators with ControlValueAccessor in Angular: Ensuring Robust Form Validations

    This article expands on managing the disabled property with ControlValueAccessor by exploring custom validators for Angular Reactive Forms to enhance flexibility and security.

  • Mastering Angular: Dynamic Disabled States with Reactive Forms and ControlValueAccessor

    This article covers how to use custom reactive forms with the ControlValueAccessor to disable controls.

  • Boosting Angular Performance with @defer and Lazy Loading

    This article covers performance optimization techniques using Angular’s @defer directive, including examples and benefits like faster load times and better user experiences.

  • The Importance of Upgrading Frameworks: A Case for Angular

    Focuses on why upgrading frameworks is crucial, especially from a security and compliance perspective, to maintain a competitive and secure project.

  • Boosting Angular App Performance Using NgOptimizedImage

    Discusses how to improve app performance by leveraging the NgOptimizedImage directive for better image optimization and lazy loading.

  • Streamlining Communication: New Signals API in Angular 17.3

    Introduces the new Signals API, explaining how to streamline communication between components in Angular applications.

  • Mastering Angular Unit Testing: Best Practices and Tools

    A comprehensive guide to writing unit tests for Angular applications, emphasizing best practices and useful tools for more maintainable and reliable code.

  • Dynamic Forms in Angular 19: Creating Flexible and Scalable User Interfaces with Standalone Components

    In this article, I provide simple examples on building dynamic forms using Angular 19's standalone components.