{"id":13757,"date":"2023-01-30T09:59:00","date_gmt":"2023-01-30T09:59:00","guid":{"rendered":"https:\/\/www.mindinventory.com\/blog\/whats-new-in-angular-13\/"},"modified":"2025-09-09T09:51:02","modified_gmt":"2025-09-09T09:51:02","slug":"whats-new-in-angular-13","status":"publish","type":"post","link":"https:\/\/www.mindinventory.com\/blog\/whats-new-in-angular-13\/","title":{"rendered":"Angular 13 Released: Top New Features and Updates You Need to Know"},"content":{"rendered":"\n<p>Angular launched the all-new Angular 13 on November 3, 2021. Considering all the previous releases, we can say it is one of the most streamlined and previously planned upgrades for a broadly accepted TypeScript-based web framework.<\/p>\n\n\n\n<p>The release has brought several essential updates that can be useful for <a href=\"https:\/\/www.mindinventory.com\/angularjs-development\/\">Angular development<\/a>. If you want a comprehensive view of what\u2019s exclusive in Angular 13, let\u2019s have a glimpse of this version\u2019s top highlights and features with more details!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-top-features-and-changes-released-in-angular-13\"><span class=\"ez-toc-section\" id=\"Top_Features_and_Changes_Released_in_Angular_13\"><\/span>Top Features and Changes Released in Angular 13<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>There is a lot to know about the latest version of Angular. So, let\u2019s take a closer look at Angular 13 with all its newly added features and core updates.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-1-support-for-typescript-4-4\">1. Support for TypeScript 4.4<\/h3>\n\n\n\n<p>Angular v13 now support TypeScript 4.4. It means now we can use many fantastic language features. Moreover, they stopped supporting TypeScript 4.2 and 4.3 also. One breaking change in TypeScript 4.4 that is advantageous for Angular apps is that it no longer implements setters and getters to get a similar type.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-2-enhancements-to-angular-tests\">2. Enhancements to Angular Tests<\/h3>\n\n\n\n<p>The Angular team has made some noteworthy changes to TestBed that currently functions properly to tear down test environments and modules after every test. As the DOM now experiences cleaning after tests, developers can anticipate more optimized, less interdependent, less memory-intensive, and quicker tests.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-3-100-ivy-and-no-more-support-for-view-engine\">3. 100% Ivy and No More Support for View Engine<\/h3>\n\n\n\n<p>Angular 13 does not support the View Engine. The all-new version is now 100% Ivy. Now that there is no View Engine-specific metadata or older output formats, it eliminates the codebase complicacy and maintenance costs in Angular 13.<\/p>\n\n\n\n<p>The framework has converted all internal tools to Ivy in advance so that this change can function seamlessly. Ivy assembles every component individually, which accelerates development times.<\/p>\n\n\n\n<p>There is no more requirement of using ngcc (Angular compatibility compiler) for the libraries created using the latest APF version. The development team can expect quicker compilation as there is no more requirement for metadata and summary files.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-4-ergonomic-apis\">4. Ergonomic APIs<\/h3>\n\n\n\n<p>Angular v13 has reduced the load time using ergonomic code-splitting APIs and granular code disruption at a component level. The new release of ESBuild has also brought an enhancement of performance.<\/p>\n\n\n\n<p>ESBuild is a highly rapid JavaScript bundler. Now, it works with terser to optimize worldwide scripts. It supports CSS source maps that allow optimized global CSS also. Moreover, this JS bundler supports other framework languages like Vue, Svelte, and Elm.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-5-angular-cli-enhancements\">5. Angular CLI Enhancements<\/h3>\n\n\n\n<p>The Angular CLI is one of the fundamental pieces of the Angular Puzzle. Few developers can handle the complicacy of the modern <a href=\"https:\/\/www.mindinventory.com\/web-development\/\">web development<\/a> ecosystem in the world, and the Angular CLI safeguards them from most of it.<\/p>\n\n\n\n<p>With the launch of Angular v13, this framework now supports persistent build cache by default. It\u2019s a feature that caches build results on disk. It causes up to 68% enhancement in development speed. You can enable or disable this feature in current Angular apps.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-6-changes-to-the-angular-package-format-apf\">6. Changes to the Angular Package Format(APF)<\/h3>\n\n\n\n<p>The Angular Package Format (APF) specifies the format and structure of the Angular Framework packages. It\u2019s a great approach to packaging every third-party library in the web development ecosystem.<\/p>\n\n\n\n<p>Angular 13 brings a new version of the APF, and we find some significant changes in it:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>It creates Ivy partial compilation output.<\/li>\n\n\n\n<li>There is no more production of UMD bundles.<\/li>\n\n\n\n<li>It produces ES2020 output.<\/li>\n\n\n\n<li>It utilizes the package exports with the sub-path pattern feature from Node.js to display several available outputs at every entry point.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-7-changes-in-framework-and-dependency-updates\">7. Changes in Framework and Dependency Updates<\/h3>\n\n\n\n<p>Angular 13 also boasts some crucial changes and updates. Now, RxJS v7.4 is the default for applications built with <em><code>ng new<\/code><\/em>. Current applications utilizing RxJS v6.x will need to update manually using the <em><code>npm install rxjs@7.4<\/code><\/em> command.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-8-component-api-updates\">8. Component API Updates<\/h3>\n\n\n\n<p>Now, you can build dynamic components using less boilerplate code due to the improved ViewContainerRef.createComponent API. If you use Angular 13, you don\u2019t have to use ComponentFactoryResolver.<\/p>\n\n\n\n<p>Here\u2019s an example of creating dynamic components using previous versions of Angular:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>@Directive({ \u2026 })\nexport class MyDirective {\n    constructor(private viewContainerRef: ViewContainerRef,\n                private componentFactoryResolver: \n                        ComponentFactoryResolver) {}\n    createMyComponent() {\n        const componentFactory = this.componentFactoryResolver.\n                             resolveComponentFactory(MyComponent);\n    \n        this.viewContainerRef.createComponent(componentFactory);\n    }\n}<\/code><\/pre>\n\n\n\n<p>In Angular 13, this code can become using new API:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>@Directive({ \u2026 })\nexport class MyDirective {\n    constructor(private viewContainerRef: ViewContainerRef) {}\n    createMyComponent() {\n        this.viewContainerRef.createComponent(MyComponent);\n    }\n}<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-9-no-longer-support-for-internet-explorer-11\">9. No Longer Support for Internet Explorer 11<\/h3>\n\n\n\n<p>For enjoying the benefits of native web APIs and features of modern browsers like CSS variables and web animations, the Angular framework has cut off the support for IE11. It provides a quicker load and smaller bundle size for applications and an enhanced user experience as there are no IE-specific polyfills and no requirement for distinctive loading.<\/p>\n\n\n\n<p>It\u2019s a notable change for some institutions or authorities that still run Internet Explorer 11 and haven\u2019t yet moved to Microsoft Edge or other modern browsers.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><strong><em>Read More: <a href=\"https:\/\/www.mindinventory.com\/blog\/whats-new-in-angular-14\/\">Angular 14: All the Important Features and Updates<\/a><\/em><\/strong><\/p>\n<\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-10-accessibility-update-in-angular-material\">10. Accessibility Update in Angular Material<\/h3>\n\n\n\n<p>The new version of Angular has brought an Accessibility (A11y) enhancement in Angular Material. The team has assessed and checked all MDCs (Material Design Components) for improved accessibility. For instance, radio buttons and checkboxes now have larger touch sizes, and other elements feature higher contrast modes.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"396\" src=\"https:\/\/www.mindinventory.com\/blog\/wp-content\/uploads\/2022\/10\/accessibility-update-in-angular-mkaterial.png\" alt=\"Accessibility Update in Angular Material\" class=\"wp-image-8399\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-11-new-type-of-forms\">11. New Type of Forms<\/h3>\n\n\n\n<p>The release of Angular v13 highlights a new type of form: <em><code>FormControlStatus<\/code><\/em>. It accumulates all status strings for form controls:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For instance, the type of <em><code>AbstractControl.status<\/code><\/em> is presently <em><code>FormControlStatus<\/code><\/em> in place of <em><code>string<\/code><\/em>.<\/li>\n\n\n\n<li>The type of <em><code>StatusChanges<\/code><\/em> is now <em><code>Observable&lt;FormControlStatus&gt;<\/code><\/em> in place of <em><code>Observable&lt;any&gt;<\/code><\/em>.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-12-inline-support-for-adobe-fonts\">12. Inline Support for Adobe Fonts<\/h3>\n\n\n\n<p>The introduction of Angular 13 also highlights inline support for Adobe fonts. These fonts can boost an app\u2019s functionality by accelerating the FCP (First Contentful Paint). Now this change is accessible to everybody by default. You only need to do <em><code>ng update<\/code><\/em>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-13-improvements-in-localization\">13. Improvements in Localization<\/h3>\n\n\n\n<p>$localize is a consistent API. Developers use it to produce an effective way for in-built internationalization (i18n) and tag messages for translation in code and templates.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-how-to-update-to-angular-version-13\"><span class=\"ez-toc-section\" id=\"How_to_Update_to_Angular_Version_13\"><\/span>How to Update to Angular Version 13?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>To update to Angular version 13, you need to download Angular 12. Then, you can update to the latest v13 following this link: https:\/\/update.angular.io\/ for a detailed guide.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span>Conclusion<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>The Angular team tries to release a new version update every six months. Now that you know the significant updates and features of the all-new Angular 13, you must give it a try. If you are still using the older Angular v12, it\u2019s time to upgrade it to version 13 to create amazing apps that support modern web development standards.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Angular launched the all-new Angular 13 on November 3, 2021. Considering all the previous releases, we can say it is one of the most streamlined and previously planned upgrades for a broadly accepted TypeScript-based web framework. The release has brought several essential updates that can be useful for Angular development. If you want a comprehensive [&hellip;]<\/p>\n","protected":false},"author":322,"featured_media":13760,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[1448],"tags":[2526,2527],"industries":[],"class_list":["post-13757","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-updates","tag-angular-13","tag-angular-13-features"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.1.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Angular 13: Latest Features &amp; Core Updates<\/title>\n<meta name=\"description\" content=\"Angular launched the all-new Angular 13. There is a lot to know about the latest version. So, let&#039;s explore all the new features and updates of Angular 13.\" \/>\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.mindinventory.com\/blog\/whats-new-in-angular-13\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Angular 13: Latest Features &amp; Core Updates\" \/>\n<meta property=\"og:description\" content=\"Angular launched the all-new Angular 13. There is a lot to know about the latest version. So, let&#039;s explore all the new features and updates of Angular 13.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.mindinventory.com\/blog\/whats-new-in-angular-13\/\" \/>\n<meta property=\"og:site_name\" content=\"MindInventory\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Mindiventory\" \/>\n<meta property=\"article:published_time\" content=\"2023-01-30T09:59:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-09T09:51:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.mindinventory.com\/blog\/wp-content\/uploads\/2022\/10\/angular-13.png\" \/>\n\t<meta property=\"og:image:width\" content=\"750\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Vijay Sadhu\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@mindinventory\" \/>\n<meta name=\"twitter:site\" content=\"@mindinventory\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Vijay Sadhu\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.mindinventory.com\/blog\/whats-new-in-angular-13\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.mindinventory.com\/blog\/whats-new-in-angular-13\/\"},\"author\":{\"name\":\"Vijay Sadhu\",\"@id\":\"https:\/\/www.mindinventory.com\/blog\/#\/schema\/person\/33f81a2ed79c4705c44f35a0913a427a\"},\"headline\":\"Angular 13 Released: Top New Features and Updates You Need to Know\",\"datePublished\":\"2023-01-30T09:59:00+00:00\",\"dateModified\":\"2025-09-09T09:51:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.mindinventory.com\/blog\/whats-new-in-angular-13\/\"},\"wordCount\":1033,\"publisher\":{\"@id\":\"https:\/\/www.mindinventory.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.mindinventory.com\/blog\/whats-new-in-angular-13\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.mindinventory.com\/blog\/wp-content\/uploads\/2022\/10\/angular-13.png\",\"keywords\":[\"Angular 13\",\"Angular 13 Features\"],\"articleSection\":[\"Updates\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.mindinventory.com\/blog\/whats-new-in-angular-13\/\",\"url\":\"https:\/\/www.mindinventory.com\/blog\/whats-new-in-angular-13\/\",\"name\":\"Angular 13: Latest Features & Core Updates\",\"isPartOf\":{\"@id\":\"https:\/\/www.mindinventory.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.mindinventory.com\/blog\/whats-new-in-angular-13\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.mindinventory.com\/blog\/whats-new-in-angular-13\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.mindinventory.com\/blog\/wp-content\/uploads\/2022\/10\/angular-13.png\",\"datePublished\":\"2023-01-30T09:59:00+00:00\",\"dateModified\":\"2025-09-09T09:51:02+00:00\",\"description\":\"Angular launched the all-new Angular 13. There is a lot to know about the latest version. So, let's explore all the new features and updates of Angular 13.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.mindinventory.com\/blog\/whats-new-in-angular-13\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.mindinventory.com\/blog\/whats-new-in-angular-13\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.mindinventory.com\/blog\/whats-new-in-angular-13\/#primaryimage\",\"url\":\"https:\/\/www.mindinventory.com\/blog\/wp-content\/uploads\/2022\/10\/angular-13.png\",\"contentUrl\":\"https:\/\/www.mindinventory.com\/blog\/wp-content\/uploads\/2022\/10\/angular-13.png\",\"width\":750,\"height\":500,\"caption\":\"Angular 13\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.mindinventory.com\/blog\/whats-new-in-angular-13\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.mindinventory.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Angular 13 Released: Top New Features and Updates You Need to Know\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.mindinventory.com\/blog\/#website\",\"url\":\"https:\/\/www.mindinventory.com\/blog\/\",\"name\":\"MindInventory\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.mindinventory.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.mindinventory.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.mindinventory.com\/blog\/#organization\",\"name\":\"MindInventory\",\"alternateName\":\"Mind Inventory\",\"url\":\"https:\/\/www.mindinventory.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.mindinventory.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.mindinventory.com\/blog\/wp-content\/uploads\/2016\/12\/mindinventory-text-logo.png\",\"contentUrl\":\"https:\/\/www.mindinventory.com\/blog\/wp-content\/uploads\/2016\/12\/mindinventory-text-logo.png\",\"width\":277,\"height\":100,\"caption\":\"MindInventory\"},\"image\":{\"@id\":\"https:\/\/www.mindinventory.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Mindiventory\",\"https:\/\/x.com\/mindinventory\",\"https:\/\/www.instagram.com\/mindinventory\/\",\"https:\/\/www.linkedin.com\/company\/mindinventory\",\"https:\/\/www.pinterest.com\/mindinventory\/\",\"https:\/\/www.youtube.com\/c\/mindinventory\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.mindinventory.com\/blog\/#\/schema\/person\/33f81a2ed79c4705c44f35a0913a427a\",\"name\":\"Vijay Sadhu\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.mindinventory.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.mindinventory.com\/blog\/wp-content\/uploads\/2024\/04\/Vijay-96x96.webp\",\"contentUrl\":\"https:\/\/www.mindinventory.com\/blog\/wp-content\/uploads\/2024\/04\/Vijay-96x96.webp\",\"caption\":\"Vijay Sadhu\"},\"description\":\"Vijay Sadhu is a Team Lead at MindInventory with 7+ years of experience in frontend architecture and development. He specializes in modern technologies such as React.js (Next.js), Vue.js (Nuxt.js), Angular, Redux, GraphQL, and Node.js. Vijay also has experience with AWS, Firebase, Three.js, AI integrations, and building AI-driven web applications.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/vijay-sadhu-5b2464301\/\"],\"url\":\"https:\/\/www.mindinventory.com\/blog\/author\/vijay-sadhu\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Angular 13: Latest Features & Core Updates","description":"Angular launched the all-new Angular 13. There is a lot to know about the latest version. So, let's explore all the new features and updates of Angular 13.","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.mindinventory.com\/blog\/whats-new-in-angular-13\/","og_locale":"en_US","og_type":"article","og_title":"Angular 13: Latest Features & Core Updates","og_description":"Angular launched the all-new Angular 13. There is a lot to know about the latest version. So, let's explore all the new features and updates of Angular 13.","og_url":"https:\/\/www.mindinventory.com\/blog\/whats-new-in-angular-13\/","og_site_name":"MindInventory","article_publisher":"https:\/\/www.facebook.com\/Mindiventory","article_published_time":"2023-01-30T09:59:00+00:00","article_modified_time":"2025-09-09T09:51:02+00:00","og_image":[{"width":750,"height":500,"url":"https:\/\/www.mindinventory.com\/blog\/wp-content\/uploads\/2022\/10\/angular-13.png","type":"image\/png"}],"author":"Vijay Sadhu","twitter_card":"summary_large_image","twitter_creator":"@mindinventory","twitter_site":"@mindinventory","twitter_misc":{"Written by":"Vijay Sadhu","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.mindinventory.com\/blog\/whats-new-in-angular-13\/#article","isPartOf":{"@id":"https:\/\/www.mindinventory.com\/blog\/whats-new-in-angular-13\/"},"author":{"name":"Vijay Sadhu","@id":"https:\/\/www.mindinventory.com\/blog\/#\/schema\/person\/33f81a2ed79c4705c44f35a0913a427a"},"headline":"Angular 13 Released: Top New Features and Updates You Need to Know","datePublished":"2023-01-30T09:59:00+00:00","dateModified":"2025-09-09T09:51:02+00:00","mainEntityOfPage":{"@id":"https:\/\/www.mindinventory.com\/blog\/whats-new-in-angular-13\/"},"wordCount":1033,"publisher":{"@id":"https:\/\/www.mindinventory.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.mindinventory.com\/blog\/whats-new-in-angular-13\/#primaryimage"},"thumbnailUrl":"https:\/\/www.mindinventory.com\/blog\/wp-content\/uploads\/2022\/10\/angular-13.png","keywords":["Angular 13","Angular 13 Features"],"articleSection":["Updates"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.mindinventory.com\/blog\/whats-new-in-angular-13\/","url":"https:\/\/www.mindinventory.com\/blog\/whats-new-in-angular-13\/","name":"Angular 13: Latest Features & Core Updates","isPartOf":{"@id":"https:\/\/www.mindinventory.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.mindinventory.com\/blog\/whats-new-in-angular-13\/#primaryimage"},"image":{"@id":"https:\/\/www.mindinventory.com\/blog\/whats-new-in-angular-13\/#primaryimage"},"thumbnailUrl":"https:\/\/www.mindinventory.com\/blog\/wp-content\/uploads\/2022\/10\/angular-13.png","datePublished":"2023-01-30T09:59:00+00:00","dateModified":"2025-09-09T09:51:02+00:00","description":"Angular launched the all-new Angular 13. There is a lot to know about the latest version. So, let's explore all the new features and updates of Angular 13.","breadcrumb":{"@id":"https:\/\/www.mindinventory.com\/blog\/whats-new-in-angular-13\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.mindinventory.com\/blog\/whats-new-in-angular-13\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.mindinventory.com\/blog\/whats-new-in-angular-13\/#primaryimage","url":"https:\/\/www.mindinventory.com\/blog\/wp-content\/uploads\/2022\/10\/angular-13.png","contentUrl":"https:\/\/www.mindinventory.com\/blog\/wp-content\/uploads\/2022\/10\/angular-13.png","width":750,"height":500,"caption":"Angular 13"},{"@type":"BreadcrumbList","@id":"https:\/\/www.mindinventory.com\/blog\/whats-new-in-angular-13\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.mindinventory.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Angular 13 Released: Top New Features and Updates You Need to Know"}]},{"@type":"WebSite","@id":"https:\/\/www.mindinventory.com\/blog\/#website","url":"https:\/\/www.mindinventory.com\/blog\/","name":"MindInventory","description":"","publisher":{"@id":"https:\/\/www.mindinventory.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.mindinventory.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.mindinventory.com\/blog\/#organization","name":"MindInventory","alternateName":"Mind Inventory","url":"https:\/\/www.mindinventory.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.mindinventory.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.mindinventory.com\/blog\/wp-content\/uploads\/2016\/12\/mindinventory-text-logo.png","contentUrl":"https:\/\/www.mindinventory.com\/blog\/wp-content\/uploads\/2016\/12\/mindinventory-text-logo.png","width":277,"height":100,"caption":"MindInventory"},"image":{"@id":"https:\/\/www.mindinventory.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Mindiventory","https:\/\/x.com\/mindinventory","https:\/\/www.instagram.com\/mindinventory\/","https:\/\/www.linkedin.com\/company\/mindinventory","https:\/\/www.pinterest.com\/mindinventory\/","https:\/\/www.youtube.com\/c\/mindinventory"]},{"@type":"Person","@id":"https:\/\/www.mindinventory.com\/blog\/#\/schema\/person\/33f81a2ed79c4705c44f35a0913a427a","name":"Vijay Sadhu","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.mindinventory.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/www.mindinventory.com\/blog\/wp-content\/uploads\/2024\/04\/Vijay-96x96.webp","contentUrl":"https:\/\/www.mindinventory.com\/blog\/wp-content\/uploads\/2024\/04\/Vijay-96x96.webp","caption":"Vijay Sadhu"},"description":"Vijay Sadhu is a Team Lead at MindInventory with 7+ years of experience in frontend architecture and development. He specializes in modern technologies such as React.js (Next.js), Vue.js (Nuxt.js), Angular, Redux, GraphQL, and Node.js. Vijay also has experience with AWS, Firebase, Three.js, AI integrations, and building AI-driven web applications.","sameAs":["https:\/\/www.linkedin.com\/in\/vijay-sadhu-5b2464301\/"],"url":"https:\/\/www.mindinventory.com\/blog\/author\/vijay-sadhu\/"}]}},"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/www.mindinventory.com\/blog\/wp-json\/wp\/v2\/posts\/13757","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mindinventory.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mindinventory.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mindinventory.com\/blog\/wp-json\/wp\/v2\/users\/322"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mindinventory.com\/blog\/wp-json\/wp\/v2\/comments?post=13757"}],"version-history":[{"count":2,"href":"https:\/\/www.mindinventory.com\/blog\/wp-json\/wp\/v2\/posts\/13757\/revisions"}],"predecessor-version":[{"id":28064,"href":"https:\/\/www.mindinventory.com\/blog\/wp-json\/wp\/v2\/posts\/13757\/revisions\/28064"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mindinventory.com\/blog\/wp-json\/wp\/v2\/media\/13760"}],"wp:attachment":[{"href":"https:\/\/www.mindinventory.com\/blog\/wp-json\/wp\/v2\/media?parent=13757"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mindinventory.com\/blog\/wp-json\/wp\/v2\/categories?post=13757"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mindinventory.com\/blog\/wp-json\/wp\/v2\/tags?post=13757"},{"taxonomy":"industries","embeddable":true,"href":"https:\/\/www.mindinventory.com\/blog\/wp-json\/wp\/v2\/industries?post=13757"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}