Steps for Upgrading to Angular 7

It’s going to be a short blog of how to upgrade our Angular application.

Angular 7 has it’s own dependencies such as,

  • TypeScript 3.1
  • Node 10
  • RxJS 6.3

Let us see how we can upgrade these dependencies and finally we’ll see how we can update our Angular application.

TypeScript 3.1

TypeScript 3.1 was released on September 2018. It has some cool features like,

  • Mappable tuple and array types
  • Easier properties on function declarations
  • Version redirects for TypeScript via typeVersions
  • Refactor from .then() to await
  • Breaking Changes

We’ll see an detailed explanation of this features in my next blog. So if you want to install the latest TypeScript just run the below command,


npm install -g typescript@latest

To install an specific version of TypeScript just run the below command,


npm install -g typescript@3.1.0

Node 10

Node 10 was released on April 2018. It consists of features like,

  • The Changes in N-API.
  • Errors can be tackled better.
  • Cryptographic support.
  • It some cool Performance Improvements.
  • Better Diagnostic Trace and Post Mortem.
  • The Experimental Promise versions of fs functions.
  • The Availability of npm Version 6.
  • Potential of new JavaScript language.

You can update the node version by using the below command,


npm cache clean

npm update -g

The above command will install the latest node package and if you want to directly install node 10 you can download the latest MSI version from the official node website.

RxJS 6.3

In this release of RxJS 6.3 there are some few minor bug fixes which you can able to track in their official GitHub page.

If you to install or upgrade RxJsS just run the below command,


npm install rxjs

Final Step

After upgrading these necessary dependencies you can update your angular application. So in their official website they provide us the option to select our current version of our angular application and the version in which we have to upgrade the angular application.

Image 6

And if you select the version it will display a list of things to do for upgrading.

Image 7

As you can see the above image there are not much things involved if you want to upgrade it from Angular 6 to Angular 7.

Angular also supports from migration of moving across multiple major versions. But in the below image you can see like it shows a warning “We do not recommend moving across multiple major versions“. So beware of upgrading across multiple major versions.Image 8

Guide to Upgrade – https://update.angular.io/

That’s all guys! Stay tuned to Nullable Reference for more interesting updates!

Happy Coding!

Cheers 🙂

 

 

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

Blog at WordPress.com.

Up ↑

%d bloggers like this: