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 theContinue reading "Guide to Creating an Angular-based Micro-frontend Application Using Native Federation"
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 themContinue 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 successfullyContinue reading "How to Use Cursor with Modern Angular"
Simplifying JavaScript Prototypes in Constructor Invocation with Simple Words and Diagrams
As a JavaScript developer, you have likely heard the sentence, “In JavaScript, every object is created from an existing object.” But since there are multiple ways (four, to be precise) to create an object—for example, using a function constructor or a class—that statement can seem false. How can an object be created from an existing object?Continue reading "Simplifying JavaScript Prototypes in Constructor Invocation with Simple Words and Diagrams"
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 areContinue 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 toContinue 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 learnContinue 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 ComponentsContinue reading "Clean Code Using Container and Presentational Components in Angular"
Build an LLM Chat App Using LangGraph, OpenAI and Python—Part 2: Understanding SystemMessage
When building conversational AI with LangChain, the way you send and receive information is through messages. Each message has a specific role, helping you shape the flow, tone and context of the conversation. LangChain supports several message types: HumanMessage – represents the user’s input AIMessage – represents the model’s response SystemMessage – sets the behavior or rules forContinue reading "Build an LLM Chat App Using LangGraph, OpenAI and Python—Part 2: Understanding SystemMessage"
Build an LLM Chat App Using LangGraph, OpenAI and Python—Part 1
Everyone is excited about GenAI, chatbots and agents—and for good reason. This article offers a very beginner-friendly introduction to building with OpenAI and LangChain using Python, helping you take your first steps into the world of AI development. This article covers the following topics: Installation of dependencies Connecting to the OpenAI GPT model Creating yourContinue reading "Build an LLM Chat App Using LangGraph, OpenAI and Python—Part 1"
Dhananjay Kumar 