Angular is a JavaScript open-source front end web application framework that allows you to develop a single page and cross-platform application. It is fully extensible and works well with other libraries.Angular application framework led by the Angular Team at Google and by a community of individuals and corporations. Angular is a complete rewrite from the same team-built AngularJS. I will share you Evolution of Angular framework and check the functionality of each version.
It is written in pure JavaScript was intended to decouple application logic from DOM manipulation.
Evolution of Angular framework till now:
Angular 1
Angular 1 is referred to as AngularJS.
Released: October 2010
- It is a JavaScript-based open-source front end application.
- Angular is written in JavaScript.
- Angular is providing MVC (Model View Controller) and model–view–View Model (MVMM) Architecture, along with components commonly used in a rich internet application.
Angular 2
Released: September 2016.
- Angular 2 announce in ng-europe conference on 22-23 October 2014 .
- It completely written JavaScript, typescript.
- It provides more language choices. You can choose any language ES5, ES6, typescript or dart to write angular 2 code.
Angular 3
The 3rd version of angular skipped because of sync of angular version. The reason behind this mismatch in a version between @angular/core, @angular/compiler and @angular/router library.
For Angular 2 version for core and router is like this
- @angular/core v2.3.0
- @angular/compiler v2.3.0
- @angular/compiler-cli v2.3.0
- @angular/http v2.3.0
- @angular/router v3.3.0
Angular 4
Released: March 2017.
It is compatible with AngularJS.
The new code reduces the size of generated code for your components, faster compilation, and better bug fixes alert.
Feature of Angular 4.3
- In a 4th version introducing HTTP Client, a smaller, easier to use and more powerful library for making the HTTP request.
- New route lifecycle event for guards and resolvers.
- The new events are : guardscheckstart, resolvend, guardscheckend.
- Easily add animation via importing @angular/platform-browser/animations into NgModule.
Angular 5
Released: November, 2017
- It focuses on making Angular smaller and faster to use.
- You can give multiple names of the components and directive while exporting.
- It shipped with the new number, date, and currency to increase standardization across the browser and eliminate the need for i18n polyfills.
- The @angular/http module was used for making HTTP requests in Angular applications. The Angular team has now deprecated @angular/http in Angular 5. It is replaced with @angular/common/http library.
Angular 6
Released: May 2018 with angular CLI and material 6
- Focused less on an underlying framework and make it quickly with angular in future like ng update, ng adds, angular element, angular material + CDK Component, library support.
- New commands added like ng-update to migrate from the previous version to the current version and ng-add to quickly add application features to make the application progressive web apps.
- Update components development kit and angular materialize.
- Multiple validators to be applicable to a form builder.
- RXJS offers a number of functions that can be used to create new observables. These functions can simplify the process of creating observables from things such as events, timers, promises, and so on.
Angular 7
Released: October 2018
CLI-Prompts – It will prompt users while command like ng-add, ng-new, and @angular/material to help you discover inbuilt SCSS support and routing.
Material and development kit – introduced minor visual updates and improvement in material design.
Refresh, virtual scrolling, large lists of data, dynamic loading, and unloading of parts of the DOM were the part of improvements in CDK and Angular Material.
The @angular/cdk/drag-drop module provides a better way to easily create drag and drop interfaces.
Angular 8
Released: May 2019
Angular 8 arrives with the much-anticipated ivy compiler as an opt-in feature.
Important feature
- Differential loading of modern JavaScript
- Dynamic imports for lazy routes
- Support for a web worker
- Typescript 3.4 support
- Angular Ivy as an opt-in preview
Angular 9
Released: October/November 2019
- It includes new and improved ivy compile and runtime, faster testing, better debugging, and many more improvements.
- The most important change in ivy in improve for bundle size, allow for better debugging, faster testing, enables the AOT compiler by default, and improves CSS class and style binding.
- URL definition becomes more consistent. Style URL will be checked in the same way as template URLs.
- The new version improves CSS class and style binding
Angular 10
Released: June 2020
Check the link for all the changes in Angular 10.
Conclusion
There are many changes that come in angular, waiting for the new change. Till now explore the amazing feature of angular.
Angular 11
Released: November 2020
The main features of Angular 11 are improved router efficiency, automated font inlining, and stricter types. It Improved construction and service, logging and reporting.
Angular 12
Released: May 2021
Angular 12 introduced more Ivy-based features and improved CLI and build processes.
Angular 13
Released: November 2021
This version supports the use of persistent build-cache by default, resulting in a 68% boost in build speed. Now it uses modern browser features like CSS variables and web animations via native web APIs.
Angular 14
Released: June 2022
It offers a comprehensive set of tools, features, and components that let developers build dynamic and responsive apps.
Angular 15
Released: November 2022
It focuses on enhancing developer experiences and performance optimizations.
Angular 16
Released: May 2023
It enhances the control of the state changes in applications. It enhanced the hydration developer preview. Improved documentation and schematics for standalone components.
Angular 17
Released: November 2023
It focus on performance, developer experience, and innovation. The new feature it includes is SSR and SSG support, build in control flow, automatic migration to built-in control flow, deferrable views, performance build with E5-build.
More articles –
