What is Angular Framework?

The Angular team has released multiple versions since its establishment. 

Angular Versions 1 and 2 were markedly different frameworks, while they shared numerous similarities.To prevent confusion, the Angular team designated the current version as "Angular" and referred to the previous version as "AngularJS". AngularJS was developed in JavaScript, whereas Angular was not.

What are the main Angular 19 updates? - Part 1

Here is the Angular 19 features list:

•    Incremental Hydration
•    Standalone Defaults 
•    Route-level Render Mode
•    Hot Module Replacement
•    Linked Signals
•    Event Replay
•    Modernizing Code with Language Service    
•    State of Zoneless
•    State of Testing Tooling
•    Security with Google
•    Resource
•    Time Picker Component
•    Two-dimensional Drag and Drop

Explain Routing in Angular

The Angular router is the main foundation of the the platform. It lets developers create Single Page Applications with several views and switch between them. The @angular/router package contains Angular Router, is sophisticated routing library with multiple router outlets, path matching algorithms, easy route parameter access, and route guards to protect components.

How Routing handles in Angular

Key Components of Angular Routing:

Routes (Route Configuration):

• This is an array of JavaScript objects that define the mapping between URL paths and the components that should be displayed.
• Each route object typically has:
  • path: The URL segment. This can be static (e.g., 'home'), dynamic with parameters (e.g., 'products/:id'), or a wildcard ('**') for a 404 page.
  • component: The Angular component to render when the path matches.
  • redirectTo: Used to redirect from one path to another.
  • children: For defining nested (child) routes.
  • loadChildren: For lazy loading modules.

Interceptor in Angular

In order to intercept HTTP requests and answers, the Angular framework includes a middleware mechanism known as HTTP Interceptors in its HttpClient module. In addition to caching replies, handling errors, adding authentication tokens, and changing request headers, they offer a lot of other features. In addition, you can use them to monitor all HTTP traffic, both incoming and outgoing.

Promise in Angular

Reason why Both requires?

Because JavaScript is single-threaded, its code executes line by line. If an application needs to wait for something, like a file, web results, or another activity, it waiting until the previous operation is complete is inefficient and a major point of failure.

We can avoid this with asynchronous behaviour. There are three JavaScript options for such situations.
Function Callbacks
Promise Items
Asynchronous Functions

Lifecycle Hooks in Angular

A set of functions in Angular called lifecycle hooks run at particular times throughout a component's lifecycle. These techniques let you run execute  logic or tasks at particular times during the Angular component lifetime.

The root component of lifecycle hooks in angular is created and rendered when the angular application starts. It then produces and renders its offspring as well as the offspring of its offspring . Angular components are arranged in kind of a tree.