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:
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.
Angular Universal State Transfer API and DOM Support
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.
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.
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.