{"id":3527,"date":"2020-12-01T17:04:05","date_gmt":"2020-12-01T17:04:05","guid":{"rendered":"https:\/\/ionicframework.com\/blog\/?p=3527"},"modified":"2020-12-02T15:53:16","modified_gmt":"2020-12-02T15:53:16","slug":"massive-updates-with-version-11-of-angular","status":"publish","type":"post","link":"https:\/\/ionic.io\/blog\/massive-updates-with-version-11-of-angular","title":{"rendered":"Massive updates with version 11 of Angular"},"content":{"rendered":"<p>Exciting times all around! Last week the Angular team shipped their latest major release, version 11.0.0 \ud83c\udf89 .This update includes some great improvements to the great Angular ecosystem, so let&#8217;s go over some what this means for you as an Ionic developer.<\/p>\n<p>Before we dive into things, let&#8217;s go over how to update to this new release. For most projects you should just have to run <code>ng update<\/code> and list the dependencies you&#8217;ll want to update:<\/p>\n<pre><code class=\"language-shell\">ng update @angular\/core @angular\/cli\nnpm install @ionic\/angular-toolkit@latest\n<\/code><\/pre>\n<p>This updates the core libraries of Angular as well as the CLI and build tools. This also includes an update to the <code>@ionic\/angular-toolkit<\/code> which has a breaking change, making it a 3.0 release. So If you are not upgrading to version 11 of Angular, please stay on <code>@ionic\/angular-toolkit@2<\/code>.<\/p>\n<p>With that out of the way, let&#8217;s dive into things!<\/p>\n<p><!--more--><\/p>\n<h2>ByeByeBacklog<\/h2>\n<p>One of the major goals between Angular&#8217;s 10.0 release and the 11.0 release was to reduce the overall backlog in the repo. Clearly the team was successful, because the <a href=\"https:\/\/github.com\/angular\/angular\/blob\/master\/CHANGELOG.md#1100-2020-11-11\">changelog<\/a> for the 11.0 release is huge! With close to 100 commits that include bug fixes and performance improvements, there&#8217;s a lot involved in this major release.<\/p>\n<p>Many of these bug fixes are from older bugs that have been open for some time now. Since the Angular team was heads down getting Ivy out, there hasn&#8217;t been a lot of time to address some of these issues. But since Ivy shipped in version 9, the team has been able to refocus their efforts and finally address many outstanding issues.<\/p>\n<h2>Better Builds and Serving<\/h2>\n<p>When you think of major releases, the first thing you think of is CLI improvements, right? No? Just me? Well I for one welcome the latest improvements to the CLI. In previous releases of Angular, when running the dev server, the CLI would just print the output of the build process with very little formatting (outside of colors). You&#8217;re all probably used to seeing something like this:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"2114\" height=\"1312\" data-src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-11-17-at-7.05.24-PM.png\" alt=\"\" class=\"aligncenter size-full wp-image-3528 lazyload\" data-srcset=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-11-17-at-7.05.24-PM.png 2114w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-11-17-at-7.05.24-PM-300x186.png 300w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-11-17-at-7.05.24-PM-1024x636.png 1024w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-11-17-at-7.05.24-PM-768x477.png 768w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-11-17-at-7.05.24-PM-1536x953.png 1536w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-11-17-at-7.05.24-PM-2048x1271.png 2048w\" data-sizes=\"auto, (max-width: 2114px) 100vw, 2114px\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 2114px; --smush-placeholder-aspect-ratio: 2114\/1312;\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"2114\" height=\"1312\" src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-11-17-at-7.05.24-PM.png\" alt=\"\" class=\"aligncenter size-full wp-image-3528\" srcset=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-11-17-at-7.05.24-PM.png 2114w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-11-17-at-7.05.24-PM-300x186.png 300w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-11-17-at-7.05.24-PM-1024x636.png 1024w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-11-17-at-7.05.24-PM-768x477.png 768w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-11-17-at-7.05.24-PM-1536x953.png 1536w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-11-17-at-7.05.24-PM-2048x1271.png 2048w\" sizes=\"auto, (max-width: 2114px) 100vw, 2114px\" \/><\/noscript><\/p>\n<p>Well, no more! It&#8217;s a small change, but now the Angular CLI will format things into a nice table. Really this is pretty small, but it&#8217;s nice and welcomed quality of life improvement:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"1934\" height=\"1922\" data-src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-11-17-at-7.14.56-PM.png\" alt=\"\" class=\"aligncenter size-full wp-image-3529 lazyload\" data-srcset=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-11-17-at-7.14.56-PM.png 1934w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-11-17-at-7.14.56-PM-300x298.png 300w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-11-17-at-7.14.56-PM-1024x1018.png 1024w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-11-17-at-7.14.56-PM-150x150.png 150w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-11-17-at-7.14.56-PM-768x763.png 768w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-11-17-at-7.14.56-PM-1536x1526.png 1536w\" data-sizes=\"auto, (max-width: 1934px) 100vw, 1934px\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1934px; --smush-placeholder-aspect-ratio: 1934\/1922;\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"1934\" height=\"1922\" src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-11-17-at-7.14.56-PM.png\" alt=\"\" class=\"aligncenter size-full wp-image-3529\" srcset=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-11-17-at-7.14.56-PM.png 1934w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-11-17-at-7.14.56-PM-300x298.png 300w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-11-17-at-7.14.56-PM-1024x1018.png 1024w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-11-17-at-7.14.56-PM-150x150.png 150w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-11-17-at-7.14.56-PM-768x763.png 768w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/11\/Screen-Shot-2020-11-17-at-7.14.56-PM-1536x1526.png 1536w\" sizes=\"auto, (max-width: 1934px) 100vw, 1934px\" \/><\/noscript><\/p>\n<p>But a better looking CLI is not all that&#8217;s in there. There&#8217;s also been significant improvements to the CLI\u2019s build speeds. I recently shared a tweet showing off rebuilds with Angular and the speed is incredible:<\/p>\n<p>[tweet https:\/\/twitter.com\/mhartington\/status\/1328733943806517253 align=&#8217;center&#8217;]<\/p>\n<h2>Hot Module Replacement (HMR)<\/h2>\n<p>And finally, rounding out the CLI improvements, there&#8217;s also a brand new Hot Module Replacement (HMR) feature that is truly the icing on cake. HMR is a method of running your devserver where changes are applied without having to do a full rebuild of your app. This exists in other frameworks and now finally, Angular can join the &#8220;cool kids club&#8221; by providing a great HMR experience too.<\/p>\n<p>Now HMR is great, but there was room for improvements with how it interacts with Ionic. Thankfully, this has <a href=\"https:\/\/github.com\/angular\/angular-cli\/pull\/19386\">already been fixed<\/a> so we&#8217;re just waiting for a new patch release \ud83e\udd1e. BUT, we can at least take a look how HMR (with this patch applied) enhances the overall experience for developers.<\/p>\n<div class=\"video-container\">\n          <video controls playsinline autoplay muted loop src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/11\/angular-hmr-ionic.mp4\"><\/video>\n        <\/div>\n<p>To use HMR with developing Ionic apps, run <code>ionic serve -- --hmr<\/code>.<\/p>\n<h2>Migration to ESLint<\/h2>\n<p>While not specific to version 11 of Angular, this is a major change in how we lint our projects. Linting is the process of analyzing your code for bugs, warnings, style and consistency changes, and more. In early 2019, TSLint was officially deprecated and the community centered around ESLint as it&#8217;s replacement. Since then, there&#8217;s been a lot of development in ESLint in order to support TypeScript as well as  Angular. Now, we finally have TypeScript-ESLint and Angular-ESLint. This has been a huge community effort and I for one and thrilled to see the community adopt ESLint. While not provided by default with version 11 of Angular, you can opt into Angular-ESLint by running:<\/p>\n<pre><code class=\"language-shell\">ng add @angular-eslint\/schematics\n<\/code><\/pre>\n<p>It&#8217;s worth mentioning that if you make heavy use of projects like Codelyzer or custom TSLint rules, you&#8217;ll want to start planning your migration over to ESLint. For more information, check out the <a href=\"https:\/\/github.com\/angular-eslint\/angular-eslint\">Angular-ESLint<\/a> repo as well as the <a href=\"https:\/\/github.com\/typescript-eslint\/typescript-eslint\">TypeScript-ESLint<\/a> repo.<\/p>\n<h2>A better path forward<\/h2>\n<p>This blog post only covers what <em>I<\/em> think are some of the biggest updates, but there&#8217;s plenty more in the <a href=\"https:\/\/blog.angular.io\/version-11-of-angular-now-available-74721b7952f7\">Angular Release Blog<\/a>. What this release does highlight though is a clearer path forward to a better Angular. The Angular team has committed to providing a <a href=\"https:\/\/angular.io\/guide\/roadmap\">roadmap<\/a> of features they want to work on, and many of these features have required changes to be made between version 9, 10, and now 11. While the timeline for these features are not set in stone, we can say that with these plans, Angular will have a great future. Let&#8217;s check back in roughly six months time and see what they work on \ud83d\udcaa.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Exciting times all around! Last week the Angular team shipped their latest major release, version 11.0.0 \ud83c\udf89 .This update includes some great improvements to the great Angular ecosystem, so let&#8217;s go over some what this means for you as an Ionic developer. Before we dive into things, let&#8217;s go over how to update to this [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":3533,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"publish_to_discourse":"0","publish_post_category":"30","wpdc_auto_publish_overridden":"","wpdc_topic_tags":"","wpdc_pin_topic":"","wpdc_pin_until":"","discourse_post_id":"490276","discourse_permalink":"https:\/\/forum.ionicframework.com\/t\/massive-updates-with-version-11-of-angular\/200537","wpdc_publishing_response":"","wpdc_publishing_error":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1,121],"tags":[60,98],"class_list":["post-3527","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-all","category-engineering","tag-angular","tag-release"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.0 (Yoast SEO v23.0) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Massive updates with version 11 of Angular - Ionic Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ionic.io\/blog\/massive-updates-with-version-11-of-angular\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Massive updates with version 11 of Angular\" \/>\n<meta property=\"og:description\" content=\"Exciting times all around! Last week the Angular team shipped their latest major release, version 11.0.0 \ud83c\udf89 .This update includes some great improvements to the great Angular ecosystem, so let&#8217;s go over some what this means for you as an Ionic developer. Before we dive into things, let&#8217;s go over how to update to this [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ionic.io\/blog\/massive-updates-with-version-11-of-angular\" \/>\n<meta property=\"og:site_name\" content=\"Ionic Blog\" \/>\n<meta property=\"article:published_time\" content=\"2020-12-01T17:04:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-12-02T15:53:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/11\/photo-1509099652299-30938b0aeb63.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1267\" \/>\n\t<meta property=\"og:image:height\" content=\"950\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Mike Hartington\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@mhartington\" \/>\n<meta name=\"twitter:site\" content=\"@ionicframework\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mike Hartington\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/ionic.io\/blog\/massive-updates-with-version-11-of-angular#article\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/massive-updates-with-version-11-of-angular\"},\"author\":{\"name\":\"Mike Hartington\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/c8c92b04d526adb925ea514c619a267b\"},\"headline\":\"Massive updates with version 11 of Angular\",\"datePublished\":\"2020-12-01T17:04:05+00:00\",\"dateModified\":\"2020-12-02T15:53:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/massive-updates-with-version-11-of-angular\"},\"wordCount\":822,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/massive-updates-with-version-11-of-angular#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/11\/photo-1509099652299-30938b0aeb63.webp\",\"keywords\":[\"Angular\",\"release\"],\"articleSection\":[\"All\",\"Engineering\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/ionic.io\/blog\/massive-updates-with-version-11-of-angular#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ionic.io\/blog\/massive-updates-with-version-11-of-angular\",\"url\":\"https:\/\/ionic.io\/blog\/massive-updates-with-version-11-of-angular\",\"name\":\"Massive updates with version 11 of Angular - Ionic Blog\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/massive-updates-with-version-11-of-angular#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/massive-updates-with-version-11-of-angular#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/11\/photo-1509099652299-30938b0aeb63.webp\",\"datePublished\":\"2020-12-01T17:04:05+00:00\",\"dateModified\":\"2020-12-02T15:53:16+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ionic.io\/blog\/massive-updates-with-version-11-of-angular#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ionic.io\/blog\/massive-updates-with-version-11-of-angular\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/massive-updates-with-version-11-of-angular#primaryimage\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/11\/photo-1509099652299-30938b0aeb63.webp\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/11\/photo-1509099652299-30938b0aeb63.webp\",\"width\":1267,\"height\":950},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ionic.io\/blog\/massive-updates-with-version-11-of-angular#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ionic.io\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Massive updates with version 11 of Angular\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ionic.io\/blog\/#website\",\"url\":\"https:\/\/ionic.io\/blog\/\",\"name\":\"ionic.io\/blog\",\"description\":\"Build amazing native and progressive web apps with the web\",\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ionic.io\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ionic.io\/blog\/#organization\",\"name\":\"Ionic\",\"url\":\"https:\/\/ionic.io\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png\",\"width\":1920,\"height\":854,\"caption\":\"Ionic\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/ionicframework\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/c8c92b04d526adb925ea514c619a267b\",\"name\":\"Mike Hartington\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/08\/mike-headshot-2-smaller-150x150.png\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/08\/mike-headshot-2-smaller-150x150.png\",\"caption\":\"Mike Hartington\"},\"description\":\"Director of Developer Relations\",\"sameAs\":[\"https:\/\/twitter.com\/mhartington\",\"https:\/\/x.com\/mhartington\"],\"url\":\"https:\/\/ionic.io\/blog\/author\/mike\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Massive updates with version 11 of Angular - Ionic Blog","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:\/\/ionic.io\/blog\/massive-updates-with-version-11-of-angular","og_locale":"en_US","og_type":"article","og_title":"Massive updates with version 11 of Angular","og_description":"Exciting times all around! Last week the Angular team shipped their latest major release, version 11.0.0 \ud83c\udf89 .This update includes some great improvements to the great Angular ecosystem, so let&#8217;s go over some what this means for you as an Ionic developer. Before we dive into things, let&#8217;s go over how to update to this [&hellip;]","og_url":"https:\/\/ionic.io\/blog\/massive-updates-with-version-11-of-angular","og_site_name":"Ionic Blog","article_published_time":"2020-12-01T17:04:05+00:00","article_modified_time":"2020-12-02T15:53:16+00:00","og_image":[{"width":1267,"height":950,"url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/11\/photo-1509099652299-30938b0aeb63.webp","type":"image\/webp"}],"author":"Mike Hartington","twitter_card":"summary_large_image","twitter_creator":"@mhartington","twitter_site":"@ionicframework","twitter_misc":{"Written by":"Mike Hartington","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ionic.io\/blog\/massive-updates-with-version-11-of-angular#article","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/massive-updates-with-version-11-of-angular"},"author":{"name":"Mike Hartington","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/c8c92b04d526adb925ea514c619a267b"},"headline":"Massive updates with version 11 of Angular","datePublished":"2020-12-01T17:04:05+00:00","dateModified":"2020-12-02T15:53:16+00:00","mainEntityOfPage":{"@id":"https:\/\/ionic.io\/blog\/massive-updates-with-version-11-of-angular"},"wordCount":822,"commentCount":0,"publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"image":{"@id":"https:\/\/ionic.io\/blog\/massive-updates-with-version-11-of-angular#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/11\/photo-1509099652299-30938b0aeb63.webp","keywords":["Angular","release"],"articleSection":["All","Engineering"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ionic.io\/blog\/massive-updates-with-version-11-of-angular#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ionic.io\/blog\/massive-updates-with-version-11-of-angular","url":"https:\/\/ionic.io\/blog\/massive-updates-with-version-11-of-angular","name":"Massive updates with version 11 of Angular - Ionic Blog","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ionic.io\/blog\/massive-updates-with-version-11-of-angular#primaryimage"},"image":{"@id":"https:\/\/ionic.io\/blog\/massive-updates-with-version-11-of-angular#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/11\/photo-1509099652299-30938b0aeb63.webp","datePublished":"2020-12-01T17:04:05+00:00","dateModified":"2020-12-02T15:53:16+00:00","breadcrumb":{"@id":"https:\/\/ionic.io\/blog\/massive-updates-with-version-11-of-angular#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ionic.io\/blog\/massive-updates-with-version-11-of-angular"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/massive-updates-with-version-11-of-angular#primaryimage","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/11\/photo-1509099652299-30938b0aeb63.webp","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/11\/photo-1509099652299-30938b0aeb63.webp","width":1267,"height":950},{"@type":"BreadcrumbList","@id":"https:\/\/ionic.io\/blog\/massive-updates-with-version-11-of-angular#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ionic.io\/blog"},{"@type":"ListItem","position":2,"name":"Massive updates with version 11 of Angular"}]},{"@type":"WebSite","@id":"https:\/\/ionic.io\/blog\/#website","url":"https:\/\/ionic.io\/blog\/","name":"ionic.io\/blog","description":"Build amazing native and progressive web apps with the web","publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ionic.io\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ionic.io\/blog\/#organization","name":"Ionic","url":"https:\/\/ionic.io\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png","width":1920,"height":854,"caption":"Ionic"},"image":{"@id":"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/ionicframework"]},{"@type":"Person","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/c8c92b04d526adb925ea514c619a267b","name":"Mike Hartington","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/08\/mike-headshot-2-smaller-150x150.png","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/08\/mike-headshot-2-smaller-150x150.png","caption":"Mike Hartington"},"description":"Director of Developer Relations","sameAs":["https:\/\/twitter.com\/mhartington","https:\/\/x.com\/mhartington"],"url":"https:\/\/ionic.io\/blog\/author\/mike"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/11\/photo-1509099652299-30938b0aeb63.webp","_links":{"self":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/3527","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/comments?post=3527"}],"version-history":[{"count":0,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/3527\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media\/3533"}],"wp:attachment":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media?parent=3527"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/categories?post=3527"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/tags?post=3527"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}