Revisit all 10 Angular Versions in a Glance

Google has recently launched v10 of its widely popular Web and Mobile Framework.

Kapil Raghuwanshi
Jul 10, 2020 · 6 min read
Added Angular logo on free Image from Pexels

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?

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).

TypeScript is a programming language based on ECMAScript 6+ which is a typed superset of JavaScript that compiles to plain JavaScript only.

“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+

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.

Angular Features — Image by Mobile App Daily

Hop on! 🤠 We have 8 more to go.

Top highlights of every Angular version in a glance:

Angular 4

  • 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.

Angular 5

  • 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 flagng serve-aot now during the build.

Angular 6

  • Released on May 4, 2018.
  • Added a new command to manage npm dependencies — ng update
  • 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.

Angular 7

  • 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.

Angular 8

  • 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.

Angular 9

  • 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.

Angular 10

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.

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).

Migration

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.

https://update.angular.io

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

  1. Nike
  2. Xbox
  3. Udacity
  4. YoutubeTV
  5. Firebase
  6. AT&T
  7. 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

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.

Resource

The Startup

Get smarter at building your thing. Join The Startup’s +800K followers.

Kapil Raghuwanshi

Written by

JavaScript Ecosystem Hacker🤠| Machine Learning Practitioner| Tech Author| Public Speaker| Let’s connect on LinkedIn @kapilraghuwanshi & Twitter @techygeeeky

The Startup

Get smarter at building your thing. Follow to join The Startup’s +8 million monthly readers & +800K followers.

Kapil Raghuwanshi

Written by

JavaScript Ecosystem Hacker🤠| Machine Learning Practitioner| Tech Author| Public Speaker| Let’s connect on LinkedIn @kapilraghuwanshi & Twitter @techygeeeky

The Startup

Get smarter at building your thing. Follow to join The Startup’s +8 million monthly readers & +800K followers.

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store