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”
Tag Archives: 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?”
The 5 Steps to Route Guards in Angular
A route guard is a feature that controls access to specific routes in the Angular application. It can protect routes from unauthorized access, require certain conditions be met before navigating to a route or perform other checks and actions during the navigation process. Angular provides five types of route guards: CanActivate CanActivateChild CanDeactivate CanLoad ResolveContinueContinue reading “The 5 Steps to Route Guards in Angular”
Getting Started with the Resource API in Angular
Angular 19 will introduce a new reactive API called Resource API. The primary purpose of the Resource API is to load the resources, such as: Fetch data from the API Update data locally Asynchronously load local resource It should not be used for mutation such as POST operations. It should mainly be used to loadContinueContinue reading “Getting Started with the Resource API in Angular”
Integrating OpenAI’s GPT with Angular: A Step-by-Step Guide
In this article, we’ll walk through the step-by-step process of integrating the OpenAI GPT model into an Angular application. To get started, create a new Angular project and follow each step as you go along. Please note that you’ll need a valid OpenAI API key to proceed. By default, newer versions of Angular projects doContinueContinue reading “Integrating OpenAI’s GPT with Angular: A Step-by-Step Guide”
Getting Started with the httpResource API in Angular
Angular 19 introduced the Resource API for fetching data, and it should not be used for mutation operations, such as POST requests. However, an issue arose when working with the Resource API. One major problem was that it wasn’t built on top of HttpClient, which meant that interceptors did not function as expected. To address theContinueContinue reading “Getting Started with the httpResource API in Angular”
What is Type Assertion in TypeScript
In TypeScript, Type Assertions allow developers to explicitly specify the type of a variable to the TypeScript compiler. When the compiler cannot infer the type of a variable and the developer is more sure about the type, they can use a type assertion. Type assertions are a compile-time construct that does not result in runtimeContinueContinue reading “What is Type Assertion in TypeScript”
Getting Started with the Resource API in Angular- Video
Angular 19 will introduce a new reactive API called Resource API. The primary purpose of the Resource API is to load the resources, such as: Fetch data from the API Update data locally Asynchronously load local resource It should not be used for mutation such as POST operations. It should mainly be used to loadContinueContinue reading “Getting Started with the Resource API in Angular- Video”
Dhananjay Kumar 