Micro-frontends are an architectural pattern that extends the concept of microservices to frontend development. It involves breaking a large frontend application into smaller, independent and deployable components. In this article, we will learn how to implement a micro-frontend architecture using Native Federation. We will: Create one host application Create two remote client applications Load theContinueContinue reading “Guide to Creating an Angular-based Micro-frontend Application Using Native Federation”
Category Archives: Angular
Singleton or Not? Understanding Angular Services the Right Way
Angular services are a core feature of the framework, used to share data and functionality across components. Their primary purposes include: Angular services are classes used to organize and share reusable logic across components. They help keep components clean by handling data, business rules and API interactions. Services use Angular’s dependency injection system, making themContinueContinue reading “Singleton or Not? Understanding Angular Services the Right Way”
How to Use Cursor with Modern Angular
example, version 21.0) and how to use it in a practical way. We will cover basic setup, useful features and simple examples that you can try right away. If you are starting a new project with Angular 20 or later, make sure to configure Cursor rules upfront to work with Cursor more effectively. After successfullyContinueContinue reading “How to Use Cursor with Modern Angular”
Data Fetching in Modern Angular
As I write this article, Angular 21.0 has been released, and it has changed the way data should be fetched in modern Angular apps. Usually, in an Angular application, data comes from an API and can be categorized as: Fetching data from the server Mutating data on the server In modern Angular apps, there areContinueContinue reading “Data Fetching in Modern Angular”
A Practical Guide for State Management Using Angular Services and Signals
Let me start by saying that NgRx is excellent and the right choice in certain situations. But it also brings a lot of setup work and a steep learning curve. For many years, Angular developers tried to avoid NgRx by using RxJS Subjects and complex observable pipelines, but that also gets difficult. You need toContinueContinue reading “A Practical Guide for State Management Using Angular Services and Signals”
Angular Signals: The Essentials You Need to Know
As developers, we often get to choose which features we want to master. However, every once in a while, a feature comes along that fundamentally changes how a framework works, redefining the entire developer experience. Let me explain what I mean. For example, if your project doesn’t use SSR, you can choose not to learnContinueContinue reading “Angular Signals: The Essentials You Need to Know”
Clean Code Using Container and Presentational Components in Angular
Data is a critical part of any web application, and there are often scenarios where the same data needs to be presented in different UI formats. The container/presentational component pattern in Angular separates components based on their responsibilities, making it easier to reuse the same data or application state across different UI presentations.Definition of Container and Presentational ComponentsContinueContinue reading “Clean Code Using Container and Presentational Components in Angular”
How to Use Angular httpResource API in Kendo UI Grid
In this article, we will learn to use the Angular httpResource API with the Progress Kendo UI for Angular Grid component. We will fetch data from the API using the new Angular feature httpResource and then display the data in the Kendo UI for Angular Grid. This article assumes that you have already created an AngularContinueContinue reading “How to Use Angular httpResource API in Kendo UI Grid”
Getting Started with the httpResource API in Angular
Angular 19 introduced the Resource API for the following purposes: Fetch data from the API Update data locally Asynchronously load a local resource It should not be used for mutation, such as POST operations. Read more about the resource API here. However, there was an issue when working with the Resource API. One major problem wasContinueContinue reading “Getting Started with the httpResource API in Angular”
What Is LinkedSignal in Angular?
The linkedSignal is a new Angular feature introduced in Version 19. It helps manage local states that depend on other signals. It creates a writable signal that updates automatically when the signals it depends on change. This is useful for keeping the local state in sync with dynamic data. Some important points about linkedSignal are:ContinueContinue reading “What Is LinkedSignal in Angular?”
Dhananjay Kumar 