SlideShare una empresa de Scribd logo
1 de 13
Descargar para leer sin conexión
What’s New in Angular 8.0
Ivy Renderer & Other Functionalities
Angular is one of the most popular
open-source web app frameworks
used by developers around the globe.
When Google released Angular in
2016, developers flocked to migrate
the framework. Today, a large number
of users use Angular.
www.techtic.com | info@techtic.com
Introduction
www.techtic.com | info@techtic.com
A sneak-peak into the future of Angular and introduction of Ivy rendering pipeline
was offered at Google I/O 2018.
The Angular team provided heads up about how they are planning to revamp the
Angular renderer into something that would make apps smaller, faster and
simpler. All this, without needing developers to update anything at their end- Ivy
is backward compatible.
The Ivy initiative is bringing new-age advancement to the process that translates
Angular templates into browser renders. Ivy is supposed to reduce the size of
bundles needing developers to pay for the code that they are actually using. On
top of it, Ivy will enhance the performance by making it possible for apps to load
quickly on slow connections.
www.techtic.com | info@techtic.com
Ivy: Next-gen Renderer for
Angular Framework
Also, the apps would transform into something that is simpler to understand and
debug even as they scale and grow over time. Fundamentally, three aspects are
focused under the Ivy rollout:
• Reduction in bundle sizes
• Fast app loading on slow connections
• Quick debugging and simpler interface
Tree shaking is a build-optimization technique that ensures that the unusable
code isn’t packaged into the final bundle.
www.techtic.com | info@techtic.com
Ivy: Next-gen Renderer for
Angular Framework
• Shipment of pre-compiled code
• Compilation without the need of Metadata.json
• Metaprogramming
www.techtic.com | info@techtic.com
Ivy also supports the locality principle
that enables:
For a standard Hello World
app, Ivy was able to compress
the bundle size to just 2.7
KBs. When compared to
present Angular version,
which makes a 36 KB-bundle,
Ivy promises 93% reduction in
bundle size.
www.techtic.com | info@techtic.com
Package Size
Promising Initial Outcomes of Ivy
Along with small bundle size,
Ivy also scored well on speed
aspects. For the purpose of
demo, a Hello World app was
tested through
webpagetest.org to simulate
a mobile device with a slow
3G connection. The baseline
was set to 1.5 seconds and
code rendered on Ivy turned
up in 2.2 seconds. The
current version of Angular
came up with the output in 4
seconds- this is a straight
improvement of 45%.
www.techtic.com | info@techtic.com
Speed
Promising Initial Outcomes of Ivy
Ivy is designed to make the
coding experience simpler.
Code rendered with Ivy is
easier to read making the
debug process faster, simpler
and better. To illustrate, give a
look on the same code
snippet, one on current
Angular version and another
on Ivy.
www.techtic.com | info@techtic.com
Simplicity in Coding
Promising Initial Outcomes of Ivy
www.techtic.com | info@techtic.com
What’s More in Version 8.0?
While the excitement related to Ivy is hitting the ceiling, there is a lot more to
Angular 8.0 apart from the Ivy initiative. Here are some of the anticipated
functionalities and features in Angular 8.0:
> Differential Modern JavaScript Loading
A huge innovation will be seen rolling out that would differentially load legacy
(ES5) & modern (ES2015+) JavaScript bundles on client-side. This would enhance
loading speed and TTI (Time to Interactive) for modern browsers.
> Angular Router Backward Compatibility
It would be easier for teams to upgrade large projects to the new version by lazy
loading parts of the AngularJS apps using $route APIs.
www.techtic.com | info@techtic.com
> Enhanced Web Worker Bundling
Web workers improve the speed of the app while enhancing parallelizability.
Angular 8.0 will see support for web workers, a general request from developers
that the platform is finally addressing in 8.0.
> Opt-in Usage Sharing
The Angular Command Line Interface (CLI) will come with opt-in telemetry that
would ask developers to share anonymous information about commands used,
build speed, etc. with the Angular Team. This would be helpful for future
development and improvements.
> Dependency Updates
All the dependencies on third-party tools like Node, RxJS, TypeScript, etc. will be
updated for streamlined and seamless development experience.
Read More
www.techtic.com | info@techtic.com
Why Choose AngularJS Web Application
Development
If you are looking to build an enterprise website or hybrid mobile application that
is superbly functional and robust, yet easy to use, you can bet on Angular JS
services.
Techtic Solutions as one of the most reliable web development companies
strongly recommend Angular web development as it is affable with the growing
trends of interactive web designs and application.
Besides that, it gives you more control over your website, but with utmost
flexibility. Our team of expert Angular developers can help you build the most
interactive, scalable, data-driven and well-structured web and mobile apps for
your business.
Contact Us
Visit us: https://www.techtic.com
Email: info@techtic.com
Phone: +1 201.793.8324

Más contenido relacionado

Más de Techtic Solutions

Más de Techtic Solutions (20)

8 Factors will Drive Fintech Growth in 2021
8 Factors will Drive Fintech Growth in 20218 Factors will Drive Fintech Growth in 2021
8 Factors will Drive Fintech Growth in 2021
 
Top 12 Advantages of Laravel Framework
Top 12 Advantages of Laravel FrameworkTop 12 Advantages of Laravel Framework
Top 12 Advantages of Laravel Framework
 
10 Common Applications of Artificial Intelligence in Healthcare
10 Common Applications of Artificial Intelligence in Healthcare10 Common Applications of Artificial Intelligence in Healthcare
10 Common Applications of Artificial Intelligence in Healthcare
 
What security measures do we take when working remotely?
What security measures do we take when working remotely?What security measures do we take when working remotely?
What security measures do we take when working remotely?
 
How Techtic Implements Seamless Project Management?
How Techtic Implements Seamless Project Management?How Techtic Implements Seamless Project Management?
How Techtic Implements Seamless Project Management?
 
Facts of Software Development
Facts of Software DevelopmentFacts of Software Development
Facts of Software Development
 
How to Integrate Mobile App with Website?
How to Integrate Mobile App with Website?How to Integrate Mobile App with Website?
How to Integrate Mobile App with Website?
 
10 On-demand App Statistics to look at During COVID-19
10 On-demand App Statistics to look at During COVID-1910 On-demand App Statistics to look at During COVID-19
10 On-demand App Statistics to look at During COVID-19
 
What’s new in Laravel 7.8?
What’s new in Laravel 7.8?What’s new in Laravel 7.8?
What’s new in Laravel 7.8?
 
Laravel Vs Django, Which Backend Framework is better?
Laravel Vs Django, Which Backend Framework is better?Laravel Vs Django, Which Backend Framework is better?
Laravel Vs Django, Which Backend Framework is better?
 
Differences between Mobile Apps and Websites – Techtic Solutions
Differences between Mobile Apps and Websites – Techtic SolutionsDifferences between Mobile Apps and Websites – Techtic Solutions
Differences between Mobile Apps and Websites – Techtic Solutions
 
How to Integrate Mobile App with Website? – Techtic Solutions
How to Integrate Mobile App with Website? – Techtic SolutionsHow to Integrate Mobile App with Website? – Techtic Solutions
How to Integrate Mobile App with Website? – Techtic Solutions
 
Advantages of Mobile Apps – Techtic Solutions
Advantages of Mobile Apps – Techtic SolutionsAdvantages of Mobile Apps – Techtic Solutions
Advantages of Mobile Apps – Techtic Solutions
 
Design Thinking Myths - Techtic Solutions
Design Thinking Myths - Techtic SolutionsDesign Thinking Myths - Techtic Solutions
Design Thinking Myths - Techtic Solutions
 
Why should you Develop Mockups? - Techtic Solutions
Why should you Develop Mockups? - Techtic SolutionsWhy should you Develop Mockups? - Techtic Solutions
Why should you Develop Mockups? - Techtic Solutions
 
Best Laravel Eloquent Tips and Tricks
Best Laravel Eloquent Tips and TricksBest Laravel Eloquent Tips and Tricks
Best Laravel Eloquent Tips and Tricks
 
6 Best Project Management Tools Comparison: Jira vs. Trello vs. MS Project vs...
6 Best Project Management Tools Comparison: Jira vs. Trello vs. MS Project vs...6 Best Project Management Tools Comparison: Jira vs. Trello vs. MS Project vs...
6 Best Project Management Tools Comparison: Jira vs. Trello vs. MS Project vs...
 
ReactJS Vs React Native: Understanding Differences, Advantages, Disadvantages
ReactJS Vs React Native: Understanding Differences, Advantages, DisadvantagesReactJS Vs React Native: Understanding Differences, Advantages, Disadvantages
ReactJS Vs React Native: Understanding Differences, Advantages, Disadvantages
 
AngularJS Vs Angular: Understanding the Differences
AngularJS Vs Angular: Understanding the DifferencesAngularJS Vs Angular: Understanding the Differences
AngularJS Vs Angular: Understanding the Differences
 
The Amazing Features of Android 10
The Amazing Features of Android 10The Amazing Features of Android 10
The Amazing Features of Android 10
 

Último

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 

Último (20)

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 

What’s New in Angular 8.0: Ivy Renderer & Other Functionalities

  • 1. What’s New in Angular 8.0 Ivy Renderer & Other Functionalities
  • 2. Angular is one of the most popular open-source web app frameworks used by developers around the globe. When Google released Angular in 2016, developers flocked to migrate the framework. Today, a large number of users use Angular. www.techtic.com | info@techtic.com Introduction
  • 4. A sneak-peak into the future of Angular and introduction of Ivy rendering pipeline was offered at Google I/O 2018. The Angular team provided heads up about how they are planning to revamp the Angular renderer into something that would make apps smaller, faster and simpler. All this, without needing developers to update anything at their end- Ivy is backward compatible. The Ivy initiative is bringing new-age advancement to the process that translates Angular templates into browser renders. Ivy is supposed to reduce the size of bundles needing developers to pay for the code that they are actually using. On top of it, Ivy will enhance the performance by making it possible for apps to load quickly on slow connections. www.techtic.com | info@techtic.com Ivy: Next-gen Renderer for Angular Framework
  • 5. Also, the apps would transform into something that is simpler to understand and debug even as they scale and grow over time. Fundamentally, three aspects are focused under the Ivy rollout: • Reduction in bundle sizes • Fast app loading on slow connections • Quick debugging and simpler interface Tree shaking is a build-optimization technique that ensures that the unusable code isn’t packaged into the final bundle. www.techtic.com | info@techtic.com Ivy: Next-gen Renderer for Angular Framework
  • 6. • Shipment of pre-compiled code • Compilation without the need of Metadata.json • Metaprogramming www.techtic.com | info@techtic.com Ivy also supports the locality principle that enables:
  • 7. For a standard Hello World app, Ivy was able to compress the bundle size to just 2.7 KBs. When compared to present Angular version, which makes a 36 KB-bundle, Ivy promises 93% reduction in bundle size. www.techtic.com | info@techtic.com Package Size Promising Initial Outcomes of Ivy
  • 8. Along with small bundle size, Ivy also scored well on speed aspects. For the purpose of demo, a Hello World app was tested through webpagetest.org to simulate a mobile device with a slow 3G connection. The baseline was set to 1.5 seconds and code rendered on Ivy turned up in 2.2 seconds. The current version of Angular came up with the output in 4 seconds- this is a straight improvement of 45%. www.techtic.com | info@techtic.com Speed Promising Initial Outcomes of Ivy
  • 9. Ivy is designed to make the coding experience simpler. Code rendered with Ivy is easier to read making the debug process faster, simpler and better. To illustrate, give a look on the same code snippet, one on current Angular version and another on Ivy. www.techtic.com | info@techtic.com Simplicity in Coding Promising Initial Outcomes of Ivy
  • 10. www.techtic.com | info@techtic.com What’s More in Version 8.0? While the excitement related to Ivy is hitting the ceiling, there is a lot more to Angular 8.0 apart from the Ivy initiative. Here are some of the anticipated functionalities and features in Angular 8.0: > Differential Modern JavaScript Loading A huge innovation will be seen rolling out that would differentially load legacy (ES5) & modern (ES2015+) JavaScript bundles on client-side. This would enhance loading speed and TTI (Time to Interactive) for modern browsers. > Angular Router Backward Compatibility It would be easier for teams to upgrade large projects to the new version by lazy loading parts of the AngularJS apps using $route APIs.
  • 11. www.techtic.com | info@techtic.com > Enhanced Web Worker Bundling Web workers improve the speed of the app while enhancing parallelizability. Angular 8.0 will see support for web workers, a general request from developers that the platform is finally addressing in 8.0. > Opt-in Usage Sharing The Angular Command Line Interface (CLI) will come with opt-in telemetry that would ask developers to share anonymous information about commands used, build speed, etc. with the Angular Team. This would be helpful for future development and improvements. > Dependency Updates All the dependencies on third-party tools like Node, RxJS, TypeScript, etc. will be updated for streamlined and seamless development experience. Read More
  • 12. www.techtic.com | info@techtic.com Why Choose AngularJS Web Application Development If you are looking to build an enterprise website or hybrid mobile application that is superbly functional and robust, yet easy to use, you can bet on Angular JS services. Techtic Solutions as one of the most reliable web development companies strongly recommend Angular web development as it is affable with the growing trends of interactive web designs and application. Besides that, it gives you more control over your website, but with utmost flexibility. Our team of expert Angular developers can help you build the most interactive, scalable, data-driven and well-structured web and mobile apps for your business.
  • 13. Contact Us Visit us: https://www.techtic.com Email: info@techtic.com Phone: +1 201.793.8324