Angular : Dark Fate
Tags: angular, beginners, webdev
Published: 2019-07-23 17:21:43

---
title:Angular : Dark Fate
published: true
description:Getting back in action
tags: angular, beginners , webdev
series: Angular Journey
---

Hey guys, 

Guess who is back in writing more posts? Wohooo. me. Worst intro ever. right?



![wohoo](https://media.giphy.com/media/10I5e2yNnaozOo/giphy.gif)

If anyone remembers i was in my 30 days Gatsby challenge. Its almost like 60 days  passed since i started that challenge now. I kept it up like 5 days. 
In my defense i have been mainly on <code>Angular</code> and front end at works. So I couldnt keep up during this time. "What in God's name were you doing at weekends" . right? Actually i dont know.

![wohoo](https://media.giphy.com/media/JPsvjVgxpQQgNDApMd/giphy.gif)


 I am gonna blame it on <code>Instant gratification monkey</code>.  If you somehow ,well didnt understand the reference see below. 
Well explained content. 

{% youtube arj7oStGLkU %}

Oh wait. Almost forgot to <code>motivate</code>..
Story time

<blockquote>
There was this one specific student who fails most of the tests during the training period prior to the actual martial arts "degree" back in 14th century somewhere deep inside The Tianshan Xueling Spruce Forest . He was so disappointed and asked his master why he is failing consistently.

Master took a deep bredth and decided to make him feel better. He asked
"Have you noticed  the sun  rising in the east everyday no matter what?
<br>"yes' replied student.
<br> " Have you noticed the river is continuesly flowing  over there no matter what?" 
<br>"yes I do master". replied..
<br>Master took a deep bredth and said.
<br><br>"You were busy watching all these craps instead of practicing how to pass  your tests. Stop whining and practice and immerse yourself in it"

</blockquote>

<h1><u>New Angular 8 Changes</u></h1>

<h2><u><b>Differential Loading</h2></u></b>
Differential loading is a technique which will automatically make your angular apps more performant now

<br>How does this work?
Well it turns out with version 8 when you build an application for production two bundles are created one bundle for the modern browsers that support es6 and above and another separate bundle for older browsers that only support es5 when your app is opened in the browser the correct bundle is automatically loaded which means for the newer browsers which do support es6 plus they now will be loading lesser code and lesser number of polyfills which will be a great performance improvement from what has been gathered so far the bundle size reduced by 7 to 20% depending on the amount of modern JavaScript features that were being made use of again this is a feature which doesn't involve you to add any code simply running <code>ng build --prod</code> will take care of everything.
So differential loading for performance improvement.

<h2><u><b>Dynamic Imports for lazy routes</h2></u></b>
<h2><u><b>Ivy - Rendering Engine</h2></u></b>
Translating the templates and components into regular HTML and JS  that the browser can understand. Not yet in a stable state. But nothing breaks in the current application.

Probably in version 9 it might be the default engine. 
You can enable ivy by using <code>ng new project name --enable-ivy

It has the potential to generate considerably smaller bundles make incremental compilation easier and is also going to be the basis for future innovations.

<h2><u><b> Bazel </h2></u></b>

Basically a build tool like ivy which is still only experimental in version 8.

Thats it I guess. 

You probably need <code>typescript 3.4</code> and <code>node > 12</code>

Sounds great.right? If you wonder about js just go right [here](https://javascript.info).

The post is just to keep up the status of writing and ofcourse constructive criticism. So if you got anything just put it way up your.. i mean way down the comment box. 



![wohoo](https://media.giphy.com/media/Rhf0uSWt1P2TFqVMZK/giphy.gif)