Sunday, April 1, 2018

Angular 6 ... what's coming in April ... a look !

Angular 6 would be released with a stable version in this month of April, let's take a look at what it will entail.. 

  • Lazy load template URLs  - adding resource in
  • Node 8 runtime engine support which goes in with TypeScript 2.7

  • More testability - Testability API will have the time-outs function & will add task tracking - this is useful to design around performance and decide which tasks would keep running and which can be aborted - intelligent device ram usage 

  • Want more aggressive optimisations - go for side-affect free flags.

  • Have injectables change the scope in one go -- Tree-shakable provider API updates.

  • Create custom elements based on angular components.

  • Few components will be not available like - animation import from core, tslib 1.9.0 needs to be updated in package.json & template tag is deprecated & replaced by ng-template.

Good news ... angular 6 is completely backward compatible with Angular 5.


Some interesting new features - 

1.
IVY renderer - backward compatible angular renderer which is focussed around speed improvements, size reduction and flexibility.
Read more here ... https://herringtondarkholme.github.io/2018/02/19/angular-ivy/

I like this part ... 'As a platform independent framework, can we run application without platform specific code? The answer is NO, of course. Ivy just inlines DOM Rendere to its core. '

2. Bazel compiler - why build everything when you just changed a speck of it... welcome to the Bezel world.. code fragments which are build have ingrained reachability to understand which component needs to be built or which changed or changed in a way to have it rebuilt. 

3. Closure compiler - what about what didn't change and was never used... Java world has run time garbage collection, ng world is still on its way but has introduced something which eliminates dead code by generating smaller bundles.

4. Component Dev Kit - you can use pre-built components in the angular world instead of building from scratch.. 

wanna know more ... find out here.. 

https://blog.angular.io/a-component-dev-kit-for-angular-9f06e3b4b3b4

5.Service worker - added with stable version of worker.. browser level service cache.

Some other interesting changes are .. 
  • Multiple validators for array method of FormBuilder.
  • Handling string with and without line boundary.
  • Router has enhanced navigationSource and restoredState so as to provide if navigation was triggered.

No comments:

Post a Comment