{"id":8121,"date":"2019-06-14T10:21:17","date_gmt":"2019-06-14T04:51:17","guid":{"rendered":"https:\/\/www.konstantinfo.com\/blog\/?p=8121"},"modified":"2020-09-25T18:43:57","modified_gmt":"2020-09-25T13:13:57","slug":"angular-8-features","status":"publish","type":"post","link":"https:\/\/www.konstantinfo.com\/konstant-blog\/angular-8-features\/","title":{"rendered":"Perspectives on Angular 8.0 Release Announcement"},"content":{"rendered":"<div class=\"top-container\">\n<p><span style=\"text-decoration: underline;\"><strong>Table of Contents<\/strong><\/span><\/p>\n<ul>\n<li><a href=\"#1\">Angular 8<\/a><\/li>\n<li><a href=\"#2\">New Angular 8 Features:<\/a>\n<ol>\n<li><a href=\"#3\">Opt-in ivy preview<\/a><\/li>\n<li><a href=\"#4\">Support for TypeScript 3.4.x<\/a><\/li>\n<li><a href=\"#5\">Changes in Lazy Loading in Route<\/a><\/li>\n<li><a href=\"#6\">Improved web worker bundling<\/a><\/li>\n<li><a href=\"#7\">Use Analytics Data<\/a><\/li>\n<li><a href=\"#8\">Support for Bazel<\/a><\/li>\n<li><a href=\"#9\">How Loading accentuates Performance Optimization in Angular 8.0?<\/a><\/li>\n<li><a href=\"#10\">No more @angular\/http<\/a><\/li>\n<li><a href=\"#11\">Changes in ViewChild and ContentChild<\/a><\/li>\n<li><a href=\"#12\">Support SVG Template<\/a><\/li>\n<li><a href=\"#13\">PNPM Support<\/a><\/li>\n<li><a href=\"#14\">Support Codelyzer 5.0<\/a><\/li>\n<li><a href=\"#15\">Support for New Builders\/Architect API<\/a><\/li>\n<\/ol>\n<\/li>\n<li><a href=\"#16\">How to Upgrade in Angularjs Framework to Version 8<\/a><\/li>\n<li><a href=\"#17\">Closedown<\/a><\/li>\n<\/ul>\n<\/div>\n<p>Latest Angular 8 release date was announced in Annual Angular Conference within May 13-15, 2019 | London, this periodic release has spanned entire platform including the framework, Angular material (UI component library) and the CLI (Command Line Interface) synchronized major versions. \u00a0This latest release also brings an extensive list of bug fixes and some important build changes. Are you eager to have a sneak peek at most interesting changes?<\/p>\n<p>We have been using <a href=\"https:\/\/www.konstantinfo.com\/blog\/angularjs-frameworks\/\" target=\"_blank\">popular Angularjs frameworks<\/a> including Lumx, Ionic, Supersonic, Mean.IO, Angular UI Grid, Angular Foundation, Videogular, Protractor, Suave UI, Supersonic, Mobile Angular UI, etc. This announcement includes all updates included in the Angular 7.0 and earlier <a href=\"https:\/\/www.konstantinfo.com\/blog\/difference-between-angularjs-and-its-different-releases-till-date\/\" target=\"_blank\">AngularJS versions<\/a>, Angular Material, CLI and features with improved support inclusion of IVY engine. This has increased its compile-time three times.<\/p>\n<h2><span id=\"1\">Angular 8<\/span><\/h2>\n<p>Angular 8.0 is the first major release from Google in the year 2019, focusing primarily on tool-chain, thus making it easier for users to create different types of application along with performance improvements. Besides this release as well confirms that Angular 8.0 is lightweight, faster and easier. It supports <em>TypeScript<\/em> version 3.4, making it easy to code with faster subsequent build with incremental flag. Moreover, Angular 8.0 improves application startup time on modern browsers, provides new API\u2019s for tapping into the CLI and aligns Angular to the ecosystem and further web standards.<\/p>\n<p><strong>Rendering Pipeline in Angular before 8.0<\/strong><\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-8128\" src=\"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2019\/06\/Rendering-Pipeline-in-Angular.png\" alt=\"rendering pipeline in angular\" width=\"733\" srcset=\"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2019\/06\/Rendering-Pipeline-in-Angular.png 733w, https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2019\/06\/Rendering-Pipeline-in-Angular-300x78.png 300w\" sizes=\"(max-width: 733px) 100vw, 733px\" \/><\/p>\n<p><strong>Rendering Pipeline in Angular Ivy<\/strong><\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-8127\" src=\"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2019\/06\/Rendering-Pipeline-in-Angular-Ivy.png\" alt=\"rendering pipeline in angular ivy\" width=\"814\" srcset=\"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2019\/06\/Rendering-Pipeline-in-Angular-Ivy.png 814w, https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2019\/06\/Rendering-Pipeline-in-Angular-Ivy-300x46.png 300w, https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2019\/06\/Rendering-Pipeline-in-Angular-Ivy-768x119.png 768w\" sizes=\"(max-width: 814px) 100vw, 814px\" \/><\/p>\n<h2><span id=\"2\">New Angular 8 Features<\/span><\/h2>\n<h3><span id=\"3\">1. Opt-in ivy preview<\/span><\/h3>\n<p>It is one of the most important and expected features of Angular 8.0, known as IVY render engine. It is a compiler for Angular as well as a tool that acts as a new rendering pipeline. It generates small bundles, comes with incremental compilation feature. Google recommends not to make use of the preview version of Ivy for production as it was mainly published for feedback.<\/p>\n<p><strong>What\u2019s new in Ivy?<\/strong><\/p>\n<p>Angular Ivy is an initiative to build a next-generation rendering pipeline for Angular.<\/p>\n<p><strong>Two Key Concepts of Ivy<\/strong><\/p>\n<ul>\n<li>Tree Shakable \u2013 Eliminates unused code<\/li>\n<li>Local &#8211; Recompile the components<\/li>\n<\/ul>\n<p><strong>Features that will be available in the Ivy preview:<\/strong><\/p>\n<ul>\n<li>Generated code easier to read and debug at run time<\/li>\n<li>Shipment of pre-compiled code<\/li>\n<li>Faster re-build time<\/li>\n<li>Improved payload size<\/li>\n<li>Improved template type checking<\/li>\n<li>Great backward compatibility<\/li>\n<li>No need of <em>Metadata.json<\/em><\/li>\n<\/ul>\n<p><strong>The impressive benefits of Ivy<\/strong><\/p>\n<ul>\n<li>The \u201cHello, world\u201d Angular App bundle size without Ivy is 30 kb and with Ivy is 2.7 Kb &#8211; which is a huge improvement of 93% reduction.<\/li>\n<li>\u201cHello, world\u201d load time without Ivy is 4 seconds and with Ivy is 2.2 seconds \u2013 which is another huge reduction of overall 45% reduction.<\/li>\n<\/ul>\n<h3><span id=\"4\">2. Support for TypeScript 3.4.x<\/span><\/h3>\n<p>TypeScript must be upgraded to 3.4 or above in order to use Angular 8.<\/p>\n<h3><span id=\"5\">3. Changes in Lazy Loading in Route<\/span><\/h3>\n<p>Router mechanism in Angular always supported lazy loading. But it is now accomplished by the string value of the loading module as:<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-8125\" src=\"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2019\/06\/Lazy-Loading-in-Route.png\" alt=\"lazy loading in route\" width=\"474\" srcset=\"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2019\/06\/Lazy-Loading-in-Route.png 474w, https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2019\/06\/Lazy-Loading-in-Route-300x80.png 300w\" sizes=\"(max-width: 474px) 100vw, 474px\" \/><\/p>\n<p>In above code excerpt, the value up to the # is the path of the module file in which the target component exists and the value thereafter represents the class name of the module. Although this type still works in Angular 8 there is a slight change in the lazy module this time: Deprecating the string value of the loadchildren due to the support of ECMAScript. So, now loadchildren will be represented like this:<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-8126\" src=\"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2019\/06\/loadchildren.png\" alt=\"loadchildren\" width=\"393\" srcset=\"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2019\/06\/loadchildren.png 393w, https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2019\/06\/loadchildren-300x121.png 300w\" sizes=\"(max-width: 393px) 100vw, 393px\" \/><\/p>\n<h3><span id=\"6\">4. Improved web worker bundling<\/span><\/h3>\n<p>JavaScript works in a single-threaded manner. It is important to perform any huge data call or any consecutive Rest API call in an asynchronous manner. As this concept is no more supported, therefore modern web browsers support the web worker process. And as web worker process is a script that runs in a separate thread, therefore all communication with that thread in the browser tab will be done by sending messages. These scripts are particularly required during the build process of the application. This process must continue even after the application is deployed. Therefore, one single bundle for every web worker is required and this task is performed by the Angular CLI.<\/p>\n<p>Developers can configure their Angular CLI project if a web worker is added for the first time. CLI excludes the worker.ts files from the tsconfig.json files, add a new TypeScript configuration file named tsconfig.worker.json which handles the worker.ts file. This information is added in <em>Angular.json file<\/em>.<\/p>\n<h3><span id=\"7\">5. Use Analytics Data<\/span><\/h3>\n<p>Like cookie settings, Angular 8.0 has Angular CLI that collects usage analytics data which enables Angular team to customize features and make personalized improvements. CLI projects must be updated globally to collect data like command used, the flag used, execution time, operating system, CPU count, node version, RAM size, error and crash reports, etc.<\/p>\n<h3><span id=\"8\">7. Support for Bazel<\/span><\/h3>\n<p>Bazel is an opt-in option in Angular version 8.0 and is as well expected to be included in the Angular CLI in version 9. It provides fast build time, applications can be built as an incremental build and deploy the recent changes only, rather than the entire app. Bazel file can be ejected in Angular 8 which is normally hidden.<\/p>\n<h3><span id=\"9\">7. How Loading accentuates Performance Optimization in Angular 8.0?<\/span><\/h3>\n<p>Angular CLI 8 is lightweight and smaller in size. Therefore it leads to high performance and specifies the browser that is to be targeted and the required JS bundles with related polyfills within the application. Es2015 is the default target browser within the <em>tsconfig.json<\/em> file. A CLI build application supports ES6 features but if the same application is to be executed on IE9, then the developer needs to specify the <em>browserlist<\/em> file.<\/p>\n<h3><span id=\"10\">8. No more @angular\/http<\/span><\/h3>\n<p>Angular has stopped the supporting <em>@angular\/http<\/em> from version 8.0. Therefore, developers need to make adjustment in their code to use <em>@angular\/common\/http<\/em> in place of <em>@angular\/http<\/em>.<\/p>\n<h3><span id=\"11\">9. Changes in ViewChild and ContentChild<\/span><\/h3>\n<p>Angular 8.0 mandates it to provide a Boolean static flag to define the instance of a <em>ViewChild<\/em> and <em>ContentChild<\/em>. These instances are available in ngOnInit, but at other times these are not visible until <em>ngAfterContentIni<\/em>t or <em>ngAfterViewInit<\/em>. This increases the complexity, as the elements will be loaded into the DOM in <em>ngAfterViewInit<\/em> or <em>ngAfterContentInit<\/em>. In Angular 8.0, there is a need to specify each component at the time of resolution:<\/p>\n<p>If the static value is true, angular will try to find the element at the time of component initialization i.e. <em>ngOninit<\/em>.<\/p>\n<h3><span id=\"12\">10. Support SVG Template<\/span><\/h3>\n<p>Angular 8 supports the template features with a file extension SVG. This SVG extension file can be used as a template in place of HTML file without any extra configuration settings. This also acts as a directive and as a result and can be bound in the same way as HTML templates. Interactive graphics can be generated in Angular Applications with this approach.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-8129\" src=\"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2019\/06\/SVG-Template.png\" alt=\"svg template\" width=\"345\" srcset=\"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2019\/06\/SVG-Template.png 345w, https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2019\/06\/SVG-Template-300x179.png 300w\" sizes=\"(max-width: 345px) 100vw, 345px\" \/><\/p>\n<h3><span id=\"13\">11. PNPM Support<\/span><\/h3>\n<p>PNPM is a new package manager that comes along with Angular 8.0 and also includes NPM and Yarn. A new flag by the name of \u201cregistry for adding packages\u201d comes along in the command ng.<\/p>\n<h3><span id=\"14\">12. Support Codelyzer 5.0<\/span><\/h3>\n<p>Certain rules have been renamed in this version of Codelyzer. When Angular CLI is upgraded, TSLint configuration file is upgraded simultaneously. This update removes the es6 imports command from a <em>polyfills.ts<\/em> file, as now it is automatically added.<\/p>\n<h3><span id=\"15\">13. Support for New Builders\/Architect API<\/span><\/h3>\n<p>The new version of Angular CLI makes use of Builders, also known as Architect API. These are used to perform operations like server, build, test, lint, and e2e. An example of using builders in the <em>angular.json<\/em> file.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-8124\" src=\"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2019\/06\/builders-in-the-angular.json_.png\" alt=\"builders in the angular json\" width=\"459\" srcset=\"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2019\/06\/builders-in-the-angular.json_.png 459w, https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2019\/06\/builders-in-the-angular.json_-150x150.png 150w, https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2019\/06\/builders-in-the-angular.json_-300x300.png 300w, https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2019\/06\/builders-in-the-angular.json_-45x45.png 45w\" sizes=\"(max-width: 459px) 100vw, 459px\" \/><\/p>\n<h2><span id=\"16\">How to Upgrade in Angularjs Framework to Version 8<\/span><\/h2>\n<p>Upgrading the current version of Angular is easy. Follow these steps:<\/p>\n<ul>\n<li>Install TypeScript 3.4 for Angular 8.<\/li>\n<li>Get Node 12 or later.<\/li>\n<li>Execute upgrade command as: <em>Angular CLI -&gt; ng update @angular\/cli@angular\/core.<\/em><\/li>\n<\/ul>\n<p>Alternatively, visit <em>update.angular.io<\/em> for more details. AngularJS developers can as well make use of the following command: <em>ng update @angular\/cli @angular\/core<\/em><\/p>\n<h2><span id=\"17\">Closedown<\/span><\/h2>\n<p>Angular 8 is live and it brings impressive features along with a lot of bug fixes. It\u2019s time to pop the champagne as the much-anticipated Ivy compiler is finally here as an opt-in feature! Google adopted incremental DOM instead of virtual DOM in Angular as the Google team wanted the application to perform well on mobile devices, thus optimizing two things: The bundle size and the memory footprint.<\/p>\n<p>Angular has been recognized as a favored JavaScript framework since long. The contrast <a href=\"https:\/\/www.konstantinfo.com\/blog\/angular-vs-react\/\" target=\"_blank\">angular vs. react<\/a> has been drastic and has helped developers in aligning their development efforts for front-end development. While Angular is considered an efficient <a href=\"https:\/\/www.konstantinfo.com\/blog\/javascript-frameworks\/\" target=\"_blank\">JS framework for front-end development<\/a>, it is as well suitable for quick development. It has a clean code, is highly performant, handles errors well, updates seamlessly and has updated Angular CLI. Another way around, React JS framework is flexible, simple, gives better user experience, is speedy, is easily testable, and provides code stability.<\/p>\n<p><a href=\"https:\/\/www.konstantinfo.com\/angularjs-development\" target=\"_blank\">AngularJS development companies<\/a> have harnessed the potential of the Angular CLI, NativeScript, and Schematics to convert existing Angular web apps to web and mobile apps. Building and maintaining apps have never been easier or faster. Speak with our experts to know the biggest problems and finest strengths of Angular that makes it evolve in the coming years. <strong><a href=\"https:\/\/www.konstantinfo.com\/contact-us\" target=\"_blank\">Contact us now<\/a><\/strong>!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Table of Contents Angular 8 New Angular 8 Features: Opt-in ivy preview Support for TypeScript 3.4.x Changes in Lazy Loading in Route Improved web worker bundling Use Analytics Data Support for Bazel How Loading accentuates Performance Optimization in Angular 8.0? No more @angular\/http Changes in ViewChild and ContentChild Support SVG Template PNPM Support Support Codelyzer&hellip; <a class=\"more-link\" href=\"https:\/\/www.konstantinfo.com\/konstant-blog\/angular-8-features\/\">Continue reading <span class=\"screen-reader-text\">Perspectives on Angular 8.0 Release Announcement<\/span><\/a><\/p>\n","protected":false},"author":3,"featured_media":8135,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[150,41],"tags":[1382,1205],"class_list":["post-8121","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-technology","category-web-development","tag-angular-8","tag-angularjs-development","entry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Perspectives on Angular 8.0 Release Announcement - Konstantinfo<\/title>\n<meta name=\"description\" content=\"Time to pop up champagne as Q2 of 2019 recently witnessed Angular 8, the updated version of Angular with most awaited features, bug fixes and enhanced functionality!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.konstantinfo.com\/konstant-blog\/angular-8-features\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Perspectives on Angular 8.0 Release Announcement - Konstantinfo\" \/>\n<meta property=\"og:description\" content=\"Time to pop up champagne as Q2 of 2019 recently witnessed Angular 8, the updated version of Angular with most awaited features, bug fixes and enhanced functionality!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.konstantinfo.com\/konstant-blog\/angular-8-features\/\" \/>\n<meta property=\"og:site_name\" content=\"Konstantinfo\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/profile.php?id=100000171764372\" \/>\n<meta property=\"article:published_time\" content=\"2019-06-14T04:51:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-09-25T13:13:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2019\/06\/perspectives-on-angular-8-release-announcement.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1008\" \/>\n\t<meta property=\"og:image:height\" content=\"448\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Manish Jain\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@konstantinfo\" \/>\n<meta name=\"twitter:site\" content=\"@konstantinfo\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Manish Jain\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.konstantinfo.com\/konstant-blog\/angular-8-features\/\",\"url\":\"https:\/\/www.konstantinfo.com\/konstant-blog\/angular-8-features\/\",\"name\":\"Perspectives on Angular 8.0 Release Announcement - Konstantinfo\",\"isPartOf\":{\"@id\":\"https:\/\/www.konstantinfo.com\/konstant-blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.konstantinfo.com\/konstant-blog\/angular-8-features\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.konstantinfo.com\/konstant-blog\/angular-8-features\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2019\/06\/perspectives-on-angular-8-release-announcement.jpg\",\"datePublished\":\"2019-06-14T04:51:17+00:00\",\"dateModified\":\"2020-09-25T13:13:57+00:00\",\"author\":{\"@id\":\"https:\/\/www.konstantinfo.com\/konstant-blog\/#\/schema\/person\/adedb6e1470dd8933303105e82ad328f\"},\"description\":\"Time to pop up champagne as Q2 of 2019 recently witnessed Angular 8, the updated version of Angular with most awaited features, bug fixes and enhanced functionality!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.konstantinfo.com\/konstant-blog\/angular-8-features\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.konstantinfo.com\/konstant-blog\/angular-8-features\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.konstantinfo.com\/konstant-blog\/angular-8-features\/#primaryimage\",\"url\":\"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2019\/06\/perspectives-on-angular-8-release-announcement.jpg\",\"contentUrl\":\"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2019\/06\/perspectives-on-angular-8-release-announcement.jpg\",\"width\":1008,\"height\":448,\"caption\":\"Angular 8.0\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.konstantinfo.com\/konstant-blog\/angular-8-features\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.konstantinfo.com\/konstant-blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Perspectives on Angular 8.0 Release Announcement\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.konstantinfo.com\/konstant-blog\/#website\",\"url\":\"https:\/\/www.konstantinfo.com\/konstant-blog\/\",\"name\":\"Konstantinfo\",\"description\":\"Welcome to Konstant Info\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.konstantinfo.com\/konstant-blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.konstantinfo.com\/konstant-blog\/#\/schema\/person\/adedb6e1470dd8933303105e82ad328f\",\"name\":\"Manish Jain\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.konstantinfo.com\/konstant-blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2020\/08\/manish-Jain-150x150.jpg\",\"contentUrl\":\"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2020\/08\/manish-Jain-150x150.jpg\",\"caption\":\"Manish Jain\"},\"description\":\"Manish Jain is the co-founder and Managing Director at Konstant Infosolutions. He is responsible for the overall operations of the company and has played a major role in bringing Konstant up from its humble beginnings and, with his immense energy and drive, transforming it into a globally trusted name in IT solutions.\",\"sameAs\":[\"http:\/\/www.konstantinfo.com\",\"https:\/\/www.facebook.com\/profile.php?id=100000171764372\",\"https:\/\/x.com\/konstantinfo\"],\"url\":\"https:\/\/www.konstantinfo.com\/konstant-blog\/author\/manish-jain\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Perspectives on Angular 8.0 Release Announcement - Konstantinfo","description":"Time to pop up champagne as Q2 of 2019 recently witnessed Angular 8, the updated version of Angular with most awaited features, bug fixes and enhanced functionality!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.konstantinfo.com\/konstant-blog\/angular-8-features\/","og_locale":"en_US","og_type":"article","og_title":"Perspectives on Angular 8.0 Release Announcement - Konstantinfo","og_description":"Time to pop up champagne as Q2 of 2019 recently witnessed Angular 8, the updated version of Angular with most awaited features, bug fixes and enhanced functionality!","og_url":"https:\/\/www.konstantinfo.com\/konstant-blog\/angular-8-features\/","og_site_name":"Konstantinfo","article_author":"https:\/\/www.facebook.com\/profile.php?id=100000171764372","article_published_time":"2019-06-14T04:51:17+00:00","article_modified_time":"2020-09-25T13:13:57+00:00","og_image":[{"width":1008,"height":448,"url":"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2019\/06\/perspectives-on-angular-8-release-announcement.jpg","type":"image\/jpeg"}],"author":"Manish Jain","twitter_card":"summary_large_image","twitter_creator":"@konstantinfo","twitter_site":"@konstantinfo","twitter_misc":{"Written by":"Manish Jain","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.konstantinfo.com\/konstant-blog\/angular-8-features\/","url":"https:\/\/www.konstantinfo.com\/konstant-blog\/angular-8-features\/","name":"Perspectives on Angular 8.0 Release Announcement - Konstantinfo","isPartOf":{"@id":"https:\/\/www.konstantinfo.com\/konstant-blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.konstantinfo.com\/konstant-blog\/angular-8-features\/#primaryimage"},"image":{"@id":"https:\/\/www.konstantinfo.com\/konstant-blog\/angular-8-features\/#primaryimage"},"thumbnailUrl":"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2019\/06\/perspectives-on-angular-8-release-announcement.jpg","datePublished":"2019-06-14T04:51:17+00:00","dateModified":"2020-09-25T13:13:57+00:00","author":{"@id":"https:\/\/www.konstantinfo.com\/konstant-blog\/#\/schema\/person\/adedb6e1470dd8933303105e82ad328f"},"description":"Time to pop up champagne as Q2 of 2019 recently witnessed Angular 8, the updated version of Angular with most awaited features, bug fixes and enhanced functionality!","breadcrumb":{"@id":"https:\/\/www.konstantinfo.com\/konstant-blog\/angular-8-features\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.konstantinfo.com\/konstant-blog\/angular-8-features\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.konstantinfo.com\/konstant-blog\/angular-8-features\/#primaryimage","url":"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2019\/06\/perspectives-on-angular-8-release-announcement.jpg","contentUrl":"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2019\/06\/perspectives-on-angular-8-release-announcement.jpg","width":1008,"height":448,"caption":"Angular 8.0"},{"@type":"BreadcrumbList","@id":"https:\/\/www.konstantinfo.com\/konstant-blog\/angular-8-features\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.konstantinfo.com\/konstant-blog\/"},{"@type":"ListItem","position":2,"name":"Perspectives on Angular 8.0 Release Announcement"}]},{"@type":"WebSite","@id":"https:\/\/www.konstantinfo.com\/konstant-blog\/#website","url":"https:\/\/www.konstantinfo.com\/konstant-blog\/","name":"Konstantinfo","description":"Welcome to Konstant Info","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.konstantinfo.com\/konstant-blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.konstantinfo.com\/konstant-blog\/#\/schema\/person\/adedb6e1470dd8933303105e82ad328f","name":"Manish Jain","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.konstantinfo.com\/konstant-blog\/#\/schema\/person\/image\/","url":"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2020\/08\/manish-Jain-150x150.jpg","contentUrl":"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2020\/08\/manish-Jain-150x150.jpg","caption":"Manish Jain"},"description":"Manish Jain is the co-founder and Managing Director at Konstant Infosolutions. He is responsible for the overall operations of the company and has played a major role in bringing Konstant up from its humble beginnings and, with his immense energy and drive, transforming it into a globally trusted name in IT solutions.","sameAs":["http:\/\/www.konstantinfo.com","https:\/\/www.facebook.com\/profile.php?id=100000171764372","https:\/\/x.com\/konstantinfo"],"url":"https:\/\/www.konstantinfo.com\/konstant-blog\/author\/manish-jain\/"}]}},"show_toc":false,"table_of_content":[],"faq":[],"related_blogs":[{"id":11095,"title":"How to Build a Real Estate Website &#8211; A Detailed Guide","slug":"build-real-estate-website","link":"https:\/\/www.konstantinfo.com\/konstant-blog\/build-real-estate-website\/","modified":"2026-05-07 17:49:50","excerpt":"\u201cWebsites promote you 24\/7: No employee will do that.\u201d \u2013 Paul Cookson This powerful quote by the popular writer, Paul...","image":"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2024\/10\/build-a-real-estate-website.webp"},{"id":5342,"title":"How Much Does It Cost to Develop an Augmented Reality App?","slug":"how-much-does-it-cost-to-develop-an-augmented-reality-app","link":"https:\/\/www.konstantinfo.com\/konstant-blog\/how-much-does-it-cost-to-develop-an-augmented-reality-app\/","modified":"2026-05-04 13:26:23","excerpt":"Augmented Reality app development seems like magic. Like what you see on your mobile screen can be generated in real...","image":"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2017\/11\/cost-of-Augmented-Reality-300x133.jpg"},{"id":6850,"title":"Hiring a Skilled and Experienced Nodejs Developer is Easy; Determine Cost Factors!","slug":"cost-to-hire-a-nodejs-developer","link":"https:\/\/www.konstantinfo.com\/konstant-blog\/cost-to-hire-a-nodejs-developer\/","modified":"2026-05-04 13:23:21","excerpt":"After spending two days on research, there is no doubt in my mind about the power that node provides to...","image":"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2018\/09\/Nodejs-Developer-1-300x133.jpg"}],"_links":{"self":[{"href":"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-json\/wp\/v2\/posts\/8121","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-json\/wp\/v2\/comments?post=8121"}],"version-history":[{"count":1,"href":"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-json\/wp\/v2\/posts\/8121\/revisions"}],"predecessor-version":[{"id":8909,"href":"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-json\/wp\/v2\/posts\/8121\/revisions\/8909"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-json\/wp\/v2\/media\/8135"}],"wp:attachment":[{"href":"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-json\/wp\/v2\/media?parent=8121"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-json\/wp\/v2\/categories?post=8121"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-json\/wp\/v2\/tags?post=8121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}