Are you among the ones who are amazed by new angular versions since the inception? Well, I have been equally excited and following all versions since 2016 when Angular 2 got launched. In 2020, with a slight variation in the schedule, Alphabet Inc-owned Google has finally launched Angular version 10 after releasing three subsequent beta versions.
It was the year 2015 when I heard of Angular for the first time. Developers were busy working with jQuery then. It was the time when my colleagues have actually started learning the first version which is known as AngularJS. I had literally no idea at that time that it will be a huge success one day.
In this article, we are going to discuss Angular and all its 10 versions so far, Migration, Resources to learn, Companies using Angular, Angular vs React and much more, so brace yourself for the new learnings.
What are Angular and TypeScript?
For those who are relatively new, let's go through what exactly is Angular and TypeScript.
Angular is a TypeScript based open-source web and mobile application framework developed & managed by the Angular Team at Google and a community of passionate web developers, contributors, and corporations. Angular has been used for building Single Page Applications (SPAs), Web and Mobile portals, and Progressive Web Apps (PWAs).
“Google has vowed to launch a new version every 6 months.”
Well, that is too frequent launches but every new Angular version brings just a bunch of new functionalities, bug fixes and complex updates under the hood. So, nothing serious from the developer’s or project’s perspectives.
Brief History of AngularJS and Angular 2+
You might have one question that what is the exact difference between AngularJS and Angular? It’s still a topic of confusion🤔 among new developers and students. So let’s try to resolve it today.
Google designed Angular as a complete ground-up rewrite of AngularJS and it is from the same team that built AngularJS six years ago.
Angular 2 has brought groundbreaking changes in the new Web Development Era with Components and (Model-View View-Model) MVVM model. It uses the OOPS concept which aids TypeScript to optimize the code. It provides more flexibility in terms of language supports as well.
Let’s try to find out the quick updates in Angular 2:
- Angular does not have a concept of “scope” or controllers, instead it uses a hierarchy of components as its primary architectural characteristic.
- Angular has a different expression syntax, focusing on
"[ ]"for property binding, and
"( )"for event binding.
- Modularity — much core functionality has moved to modules.
- Angular recommends the use of Microsoft’s TypeScript language, which introduces the following features such as Static typing, Generics, Annotations, Dynamic loading.
Angular is widely popular among developers since it has a easy learning curve.
Hop on! 🤠 We have 8 more to go.
Top highlights of every Angular version in a glance:
Angular team has launched several other minor versions too in between these major versions. Also, they have added support for newer versions of TypeScript in almost all major ones.
- Released in March 2017.
- Introduced HttpClient, a smaller, easier to use, and more powerful library for making HTTP Requests.
- Included new router life cycle events for Guards and Resolvers.
- Allowed adding BrowserAnimationsModule in NgModule.
Oh, wait. Have we missed something? Where is Angular 3?
Unfortunately, Angular 3 was not launched due to misalignment in Angular’s router packaging at that time.
- Released on November 1, 2017.
- @angular/http is replaced with @angular/common/http library.
You can never forget that silly change in import HTTP library names which gives the error, can you?
- Added Build Optimizer by default.
- Added new Angular Universal APIs.
- You can use -aot flag
ng serve-aotnow during the build.
- Released on May 4, 2018.
- Added a new command to manage npm dependencies —
- Added another handy command to add more capabilities to your project such as
ng add @angular/pwa, ng add @angular/material
- Angular Material + CDK Components.
- Can change the View Encapsulation to use ShadowDOM v1.
- Released on October 18, 2018.
- Drag & Drop API has been added.
- Supported Virtual Scrolling.
- CLI Prompts have been added.
- Angular Elements now supports content projection using web standards for custom elements.
- Released on May 28, 2019.
- Added Differential Loading by Default.
- Route Configurations use Dynamic Imports using loadChildren.
- Added Web Worker Support.
- Much-anticipated Ivy compiler as an opt-in feature.
Angular 8 is still in Long term support (LTS) now.
- Released on February 6, 2020.
- Added the Ivy compiler and runtime by default.
- Smaller Bundle Size.
- Faster Testing.
- Improved Debugging.
- Improved CSS class and style binding with improved type checking and build errors.
Angular 9 is in Active Long term support (Active and LTS) now.
Enough glimpse of previous versions.
Let’s jump directly to the latest version 10 launched on June 24, 2020. I came to know about this version from the blog of Stephen Fluin, Angular Team.
Version 10 of Angular Now Available
Version 10.0.0 is here! This is a major release that spans the entire platform, including the framework, Angular…
Key features of the current release include:
- New date range picker.
- Warnings about CommonJS imports that can slow down large applications.
- Optional stricter settings that can improve maintainability, help catch bugs, and enable advanced optimizations.
- New versions supported of TypeScript 3.9, TSLib 2.0, TSLint 6.
You can also read more about Angular Univresal, AOT Compiler, IVY Renderer, Material and many other Angular technologies.
Angular has been added proudly in a famous Tech Stack - MEAN Stack (MongoDB, Express.js, Angular and Node).
You can always check the angular version used by your application in the package.json file in your root directory mainly
Use this command to update to the latest angular version —
ng update @angular/cli @anguar/core
Well, for migration Angular has provided its own portal too. I recommend going through it, before actually migrating your current application to the latest versions.
You can select older and newer Angular version's and complexity of your current project and go through all the points shared in detail.
Companies using Angular
- Adobe etc.
And there are many more Multi-National Companies using Angular for their web portals and application’s development. I have personally worked with several companies that are using Angular which works in various domains like Telecom, Digital Marketing, Healthcare, Travel & Tourism.
Angular vs React
There are quite a lot of discussions and debates going on the Internet regarding which is better Angular or React. Check this for in-depth details. I personally used both these to build web and mobile applications specially used with The ionic team cross-platform applications including PWAs.
I found Angular more streamlined and a complete framework with very easy learning curve. But one can not overlook the speed of React’s Virtual DOM.
To sum up
I hope you liked this detailed article about Angular, all 10 versions and related important points. Write in the feedback section below in case you have some queries.
Read my other articles and follow me on Medium here.
Is Deno a Threat to Node?
Deno 1.0 was launched on May 13, 2020, by Ryan Dahl — the creator of Node
Face Detection in just 5 lines of code
Recognize and Manipulate faces with the world’s simplest face recognition python library.