All Categories

All You Need to Know about Pentagonal Donut Angular 5.0.0 Final Release

Angular in Web development

Finally! Angular version 5.0.0, “pentagonal-donut”, has been released. The most awaited release includes new features and bugfixes. Google, with this release continues to focus on making its Angular sequence smaller, faster, and easier to use in web development. Angular being Google’s most popular and promising JavaScript framework for mobile and desktop apps has come with two vital and important updates this year. The good news in addition to this release is that Angular team already started working on its Angular 6 which is the next release.
This latest version seems to be efficient with better quality code this time. Let’s have a glance at some of its key features:

  • It offers reduced bundled sizes.
  • Major bugfixes for compiler are taken care. This has contributed to increased speed of initial as well as incremental compilation.
  • Angular CLI has been updated. Thus offering AOT(ahead-of-time) compiler by default henceforth.
  • The Material Design integration is compatible with server-side rendering.

Let’s throw some light on older version releases of Angular
Google’s, Angular team released version 2 in September 2016 and version 4 in March 2017. There was a time lag for the next version release after Angular version 2. Thus, the version 3 release was skipped. The reason being the Angular router already reached version 4. Thus Google decided to release Angular 4 directly.
Since the time in Web development Angular was launched JavaScript development framework was prevalent among developers. However, the performance aspect was not prioritized. Thus, the Angular team decided to emphasis on delivering better performance to the users. Therefore, Google undertook a rewriting and then they launched the second-generation.
Now let’s have a brief understanding about each of the Angular versions.

Angular 2

As a part of the Google’s second-generation launch, TypeScript, a superset of JavaScript made an entry to the realm of Angular 2. TypeScript helps to perform static analysis of source code and enhances the readability and sustainability of the code. TypeScript is very beneficial as the features are unique compared to JavaScript. TypeScript was an addon to Angular 2, which helped in showcasing the errors in HTML templates.
Compiler was another feature available in Angular 2, that was a bridge between the written code and the output shipped to the production. The roles of the Compiler is to optimize template-rendering generation code and then it can run at maximum speed in JS virtual machines.
Web component was prioritized feature in Angular 2 that aimed to offer clean component model.

Angular 4

The consequent version in Angular after version 2 was version 4. There were view-engine improvements and reduced code generation.
There was internal upgrade in Angular 4 i.e., Angular 4.3 which was released in month of July. This release featured HTTP Client that provided smaller and easy to use library for creating HTTP requests. Since Angular 4 version, enhancement with animation feature was available with coordination between parent and child elements across page transitions.

Angular 5

This latest version Google released from its angular series was Angular 5 in Web development. This features the   advanced version of JavaScript Framework. Thus, the version offers progressive web apps which are easy to operate. This release is power packed with features which allows application to run with improved speed and accuracy. The latest version is compact, swift and easy to access.
NOTE:  For detailed information about  Angular releases refer changelog.
Key enhancements accessible in Angular 5:

  • Angular 5 is user friendly. Material Design Element is available with rendering on the server side. Few issues still exist which will be fixed soon.
  • Compiler has been enhanced to support incremental compilation better than before. TypeScript transform acts as compiler for faster rebuilds.
  • Pipes for internationalized number, date and currency that increases standardization across the browsers and eliminates the need for i18n polyfills.
  • Reduced application size by replacing Reflective Injector with Static Injector. This removes unnecessary polyfills.
  • There are multiples names support for components and directives. This is useful for users to migrate without breaking changes.  
  • Code sharing support has been included. This helps in sharing codes between server and client-side versions. Also supports  Angular Universal State Transfer API and DOM.
  • HTTP Client has been updated in this version.
  • Two new tools or transition aliases are available in this version for inclosing increment and decrement.
  • The projects for Angular 5 will be generated by default via CLI 1.5.
  • For Angular forms, developers can run validation and upgrade the values on change, blur and submit instead of each input event.
  • Router cycles and router hooks can now be tracked. Latest version of Angular provides few events that includes ChildActivationStart and ChildActivationEnd. Reloading of the page can be executed if the router needs to browse the same URL which wasn’t possible earlier.
  • Users can migrate easily – It’s easier for users to navigate without making changes due to the presence of several names assisting components.
  • Reduced application size – Using CIL tool built optimizer, unnecessary codes and small application have been removed.

  • Emphasis on Progressive Web Apps – In this release Google focused more on making easy to build progressive web apps. As it will allow the application to get concealed within the browser. Google and Mozilla collaborated for implementing this feature. NOTE: Currently Google is also working on to provide support to make CLI (Command in Line) capable.
  • Interpolation accessible in messages – In this version the application messages will include interpolations.
  • Updated Version of RxJS Reactive Programming Library – The latest version of RxJS Reactive Programming Library 5.5.2 and above includes additional features. These additional operators will secure code-splitting and tree-shaking related issues. Lettable Operators are the latest operators which eliminate the side effects and code splitting / tree shaking problems which existed in the previous ‘patch’ method of importing operators. Moreover, RxJS distribute a version using ECMAScript modules where Angular CLI helps to pull the ECMAScript module by default.

Core Angular advantages – Dependency injection and HTML templates will remain as the core advantages. Dependency Injection is useful for assembling the data services for application along with the use of HTML template to create components. These have been the key features under all the Angular subsequent versions. However, to compose components with HTML component developers still must compose components connecting with TypeScript code across the imperative parts of the program.
As per Google, Angular has been popular among developers because it offers “ready to use” approach to development. Thus, developers do not have to consider the usage of animation, picking up internationalization library or how to do HTTP or forms.
Existing issues in Angular 5
There are certain issues in this release which are listed here:

  • Issue with creation of source maps and production build source maps with some maps resulting in undefined sources for errors. More details available here.
  • Few of the deprecated APIs including Token / Opaque have been eliminated.

Angular 6 is coming soon!

Since the time Angular 5 was launched, the team has already started working on the next release i.e., Angular version 6. This will be available most probably in March or April of next year if everything goes well. Comparable features of Angular 5 can be expected in the upcoming release.
Learn more about front-end web devlopment courses and elivate your career opportunity with Acadgild
 

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Related Articles

Close
Close