What Is Angular And The Latest Feature Release In Angular 13?

Introduction

In this article, we are going to discuss Angular and the latest features released in Angular 13. I will post a series of articles on Angular 13. This is the first article of the series.

We will cover

1. What is Angular?
2. What is a Single Page Application?
3. Important Feature release in Angular version 13

What is Angular?

Let’s see the below image to get a better understanding of what Angular is,

The above image describes the below 4 points, it says,

1. Open Source
2. Type Script-Based Framework
3. Developed by Google.
4. Used for Single Page Application.

Let’s combine all the above points and the Angular definition would be,

“Angular is an open-source, TypeScript framework created by Google for single page application using TypeScript and HTML.”

Angular is written in TypeScript and mainly used for 

1. Large Enterprise Application
2. Single Page Application
3. Progressive Web Application

Now the question is,

What is a Single Page Application? Let’s understand that,

SPA – Single Page Application

First we will discuss the traditional web page life cycle,

In traditional page life cycle,

The client sent a request to the server. Server renders a new HTML page. This triggers a page refresh in the browser.

In Single Page Application, 

1. Page load successfully the first time. I mean Client sent a request to the server. The server renders a new HTML page. This trigges a page refresh in the browser.
2. After that, all subsequent requests with the server happen through AJAX call. I mean client requests to server and server will provide only JSON data instead of HTML.

Important Features release in Angular version 13

The latest version of Angular is 13. Angular 13 was released on 04-Nov-2021. 

Below is a few important features release in Angular 13,

1. Angular written in TypeScript.
2. Latest Type version 4.4 support added in Angular 13.
3. Node.js versions Older than v12.20 are no longer supported in Angular 13.
4. Rxjs v7.0 library supported.
5. Dynamically enabled/disabled building properties like min, max etc
6. Error messaging is improved
7. A simplified ViewContainerRef.createComponent API allows for the dynamic creation of components.
8. IE11 support dropped.
9. Restore history after canceled navigation.
10. Accessibility improvements for angular material components
11. Angular now supports the use of persistent build-cache by default for new v13 projects, which results in 68% improvement in build speed.
12. Custom conditions can be set in ng_package.
13. Angular CLI has been improved.
14. Service worker cache is cleared in the safety worker to ensure stale or broken contents are not served in future requests.
15. The error message has been improved for a missing animation trigger for the Platform browser.

That's all for this article. Hope you enjoy this article.