Synetec Angular 5

Version 5.0.0 of Angular, pentagonal-donut is here! This major release contains an abundance of new features.  The aim is to continue the Angular team’s focus on making it smaller, faster, and easier to use. But even though we’re still in awe of the release, it’s business as usual for the Angular team.

Angular 5 – Don’t know about you but we’re very excited that it’s finally here! It contains a lot of new features:


Build Optimizer

The build optimizer —a tool included in their CLI for making users’ bundles smaller using the team’s semantic understanding of users’ Angular application— has a double job:

  • the Angular team was able to mark parts of users’ application as pure, which improves the tree shaking provided by the existing tools, removing additional parts of users’ application that aren’t needed.
  • the tool removes Angular decorators from users’ application’s runtime code. Decorators are used by the compiler, and aren’t needed at runtime and can be removed.

The aim of these jobs is to decrease the size of your JavaScript bundles, and increase the boot speed of your application for your users.


Angular Universal State Transfer API and DOM Support

Angular Universal focuses on helping us developers to perform server-side rendering (SSR) of Angular applications. By rendering your Angular applications on the server and then bootstrapping on top of the generated HTML, you can add support for scrapers and crawlers that don’t support JavaScript, and you can increase the perceived performance of your applications.

There’s also ServerTransferStateModule and the corresponding BrowserTransferStateModule, which allows you to generate information as part of your rendering with platform-server, and then transfer it to the client side so that this information does not need to be regenerated. The team has also welcomed domino to platform-server, which means that more DOM manipulations are supported out of the box within server-side contexts.


Compiler Improvements

The Angular compiler has been improved to support incremental compilation — This provides faster rebuilds, especially for production builds and builds with AOT. The Angular team has also added features to the Decorators and made it possible to ship smaller bundles by removing whitespace.


Developers appreciated the new HttpClient (introduced in version 4.3)  so the team is now recommending HttpClient for all applications, and deprecating the previous @angular/http library.

To update to HttpClient, you’ll need to replace HttpModule with HttpClientModule from @angular/common/http in each of your modules, inject the HttpClient service, and remove any map(res => res.json()) calls, which are no longer needed.

CLI v1.5

Starting with v1.5 of the Angular CLI, the team added support for Angular v5.0.0 and will generate v5 projects by default. The build optimizer has been turned on by default, so developers can now benefit from smaller bundles.

They’ve also updated the way .tsconfig files are used to follow TypeScript standards more strictly. By default, the CLI configures TypeScript without files or include sections, so most developers won’t be affected by this.


New Router Lifecycle Events

There’s a new lifecycle events to the router which allows developers to track the cycle of the router from the start of running guards through to completion of activation.



Contact us if you need advice on your development requirements.


Synetec is an Agile solutions provider with expertise in diverse development technologies, such as Angular, the .Net Framework, SQL Server and other cloud friendly data stores. We are certified and have successfully delivered projects across different cloud technology stacks such as Microsoft Azure and AWS, delivering integration and development solutions since 2000.

We work with a number of the UK’s most respected financial institutions to deliver a range of innovative solutions. We have expertise in working with both established businesses as well as start-ups and extreme growth businesses.

Leave a Reply