{"id":17554,"date":"2023-07-03T22:08:26","date_gmt":"2023-07-03T20:08:26","guid":{"rendered":"https:\/\/angular.kloosprojekt.com\/?page_id=17554"},"modified":"2025-05-23T15:52:06","modified_gmt":"2025-05-23T13:52:06","slug":"anguar-standalone-components-and-apis","status":"publish","type":"page","link":"https:\/\/www.angulararchitects.io\/en\/ebooks\/anguar-standalone-components-and-apis\/","title":{"rendered":"Anguar Standalone Components and APIs"},"content":{"rendered":"  \n<div class=\"hero\">\n  <div class=\"hero-ow\">\n    <div class=\"hero-iw\">\n      <div class=\"hero-image-spacer\">\n                  <div class=\"hero-overlay-image-and-text-wrapper\">\n            <div class=\"hero-overlay-image-and-text\">\n              <div class=\"hero-overlay-image\" style=\"background-image: url(https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2024\/02\/1708340922.png);\"><\/div>\n              <div class=\"hero-overlay-text\" style=\"color: #FFFFFF;\">\n                \n              <\/div>\n            <\/div>\n          <\/div>\n                <div data-responsive-background-image style=\"\" class=\"hero-image\n            image-position-vertical-desktop-center\n            image-position-horizontal-desktop-center\n            image-position-vertical-tablet-center\n            image-position-horizontal-tablet-center\n            image-position-vertical-mobile-center\n            image-position-horizontal-mobile-center\" fetchPriority=\"high\">\n\n          <img decoding=\"async\" alt=\"\" rel=\"preload\" fetchPriority=\"high\" class=\"responsive-background-image\" src=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2024\/02\/shutterstock_523050874-scaled.jpg\" srcset=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2024\/02\/shutterstock_523050874-scaled.jpg 2560w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2024\/02\/shutterstock_523050874-300x200.jpg 300w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2024\/02\/shutterstock_523050874-1024x683.jpg 1024w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2024\/02\/shutterstock_523050874-768x512.jpg 768w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2024\/02\/shutterstock_523050874-1536x1024.jpg 1536w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2024\/02\/shutterstock_523050874-2048x1365.jpg 2048w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2024\/02\/shutterstock_523050874-600x400.jpg 600w\">\n        <\/div>\n      <\/div>\n      <div class=\"hero-box-spacer\">\n        <div class=\"hero-box-dummy-top\"><\/div>\n        <div class=\"hero-box-wrapper\" style=\"background-color: #560F35;\">\n          <div class=\"hero-box\">\n                          <div class=\"hero-hashtag\">#ebook<\/div>\n                                      <h1 class=\"hero-heading\">Angular Standalone Components<\/h1>\n                                                  <a class=\"hero-button-link button-link\" href=\"#download\" target=\"\">\n                Download Area\n              <\/a>\n                      <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"hero-box-dummy-bottom-desktop\" style=\"background-color: #560F35;\"><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n  \n\n  \n\n  \n<div class=\"cta-default cta  has-background has-dark-purple-background-color\"\">\n  <div class=\"cta-default-ow\">\n    <div class=\"cta-default-iw  \">\n      <div class=\"cta-text-content\">\n                \n                                                        \n          \n\n  <h2  class=\"heading cta-heading has-text-color has-full-white-color  &lt;h3&gt;\">Learn Modern Angular!<\/h2>\n        \n                \n                \n              <\/div>\n      \n          <\/div>\n  <\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image alignfull size-large logo-row\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"145\" src=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-1024x145.png\" alt=\"\" class=\"wp-image-30011\" srcset=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-1024x145.png 1024w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-300x43.png 300w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-768x109.png 768w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-1536x218.png 1536w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-2048x290.png 2048w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-600x85.png 600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n  \n\n\n<div class=\"image-html-content pe\">\n  <div class=\"image-html-content-ow pe-ow\">\n    <div class=\"image-html-content-iw pe-iw   \">\n              <div class=\"image-part \">\n          <img decoding=\"async\" class=\"image\" src=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/07\/ebook-angular-e1688409400916.jpg\" srcset=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/07\/ebook-angular-e1688409400916.jpg 242w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/07\/ebook-angular-e1688409400916-233x300.jpg 233w\" alt=\"\" style=\"max-width: px;\"\/>\n        <\/div>\n            <div class=\"html-part\">\n        <p>Standalone Components are the beginning of a new area of Angular development! Beginning with Angular 14, they make NgModules optional and hence your Angular applications more streightforward and lightweight. Using lots of examples, this free practical eBook shows in several chapters how to use Standalone Components and how they influence existing APIs like such for routing and lazy loading.<\/p>\n<p>\n<b>This book guides you through everything you need to know to leverage Standalone Components<\/b>\n<\/p>\n<p>\u2713 Implementing Standalone Components, Directives, and Pipes<br \/>\n\u2713 Compatibility with existing NgModues-based code and libraries<br \/>\n\u2713 Routing, lazy Loading, DI, and State Mangement<br \/>\n\u2713 Angular Elements and Web Components on top of Standalone Components<br \/>\n\u2713 Modern Architectures without NgModules<\/p>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n  \n<div class=\"cta-ebooks pe\" style=\"background-color: #f1f1f1; color: #1d1d1b;\">\n  <div class=\"cta-ebooks-lightbox\">\n    <div class=\"cta-ebooks-lightbox-overlay\"><\/div>\n    <div class=\"cta-ebooks-lightbox-wrapper\">\n      <img decoding=\"async\" class=cta-ebooks-lightbox-image src=\"\">\n    <\/div>\n  <\/div>\n  <div class=\"cta-ebooks-ow pe-ow\">\n    <div class=\"cta-ebooks-iw pe-iw \">\n\n                                      \n        \n\n  <h2  class=\"heading cta-heading&lt;h3&gt;\">Excerpts from the eBook<\/h2>\n            <div class=\"cta-ebooks-images\">\n                  <a class=\"ebook-image-link open-in-lightbox\" >\n            <img decoding=\"async\" class=\"ebook-image\" src=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/08\/standalone-1.jpg\" srcset=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/08\/standalone-1.jpg\" alt=\"\"\/>\n          <\/a>\n                  <a class=\"ebook-image-link open-in-lightbox\" >\n            <img decoding=\"async\" class=\"ebook-image\" src=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/08\/standalone-2.jpg\" srcset=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/08\/standalone-2.jpg\" alt=\"\"\/>\n          <\/a>\n                  <a class=\"ebook-image-link open-in-lightbox\" >\n            <img decoding=\"async\" class=\"ebook-image\" src=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/08\/standalone-3.jpg\" srcset=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/08\/standalone-3.jpg\" alt=\"\"\/>\n          <\/a>\n              <\/div>\n      \n    <\/div>\n  <\/div>\n<\/div>\n\n  \n<div class=\"cta-newsletter\" style=\"background-color: #560F35; color: #FFFFFF;\">\n  <div class=\"cta-newsletter-ow\">\n    <div class=\"cta-newsletter-iw \">\n                                      \n        \n\n  <h2 id=\"download\" class=\"heading cta-heading  \">Download now!<\/h2>\n\n            <div class=\"cta-text\">\r\n\r\n<div style=\"margin: auto; margin-top:10px\">\r\n<img decoding=\"async\" style=\"max-width:66%; width:300px\" src=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2024\/02\/1708340922.png\">\r\n<\/div>\r\n\r\n<p style=\"font-size:20px; line-height:22px; padding-bottom:0px\">\r\nSubscribe to our newsletter to get this eBook for free. You can unsubscribe anytime!\r\n<\/p>\r\n\r\n<script src=\"\/custom\/subscribe-mc.js\"><\/script>\r\n<div id=\"campaign\" campaign-id=\"27\" campaign-lang=\"en\"><\/div><\/div>\n      <div class=\"cta-form\">\n        <div class=\"cta-form\">\n                      \n                  <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":24,"featured_media":0,"parent":17549,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"footnotes":""},"class_list":["post-17554","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Free eBook: Anguar Standalone Components and APIs | ANGULARarchitects<\/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:\/\/www.angulararchitects.io\/en\/ebooks\/anguar-standalone-components-and-apis\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Free eBook: Anguar Standalone Components and APIs | ANGULARarchitects\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.angulararchitects.io\/en\/ebooks\/anguar-standalone-components-and-apis\/\" \/>\n<meta property=\"og:site_name\" content=\"ANGULARarchitects\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-23T13:52:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-1024x145.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/ebooks\/anguar-standalone-components-and-apis\/\",\"url\":\"https:\/\/www.angulararchitects.io\/en\/ebooks\/anguar-standalone-components-and-apis\/\",\"name\":\"Free eBook: Anguar Standalone Components and APIs | ANGULARarchitects\",\"isPartOf\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/ebooks\/anguar-standalone-components-and-apis\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/ebooks\/anguar-standalone-components-and-apis\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-1024x145.png\",\"datePublished\":\"2023-07-03T20:08:26+00:00\",\"dateModified\":\"2025-05-23T13:52:06+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/ebooks\/anguar-standalone-components-and-apis\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.angulararchitects.io\/en\/ebooks\/anguar-standalone-components-and-apis\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/ebooks\/anguar-standalone-components-and-apis\/#primaryimage\",\"url\":\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-1024x145.png\",\"contentUrl\":\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-1024x145.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/ebooks\/anguar-standalone-components-and-apis\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.angulararchitects.io\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"eBooks\",\"item\":\"https:\/\/www.angulararchitects.io\/en\/ebooks\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Anguar Standalone Components and APIs\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#website\",\"url\":\"https:\/\/www.angulararchitects.io\/en\/\",\"name\":\"ANGULARarchitects\",\"description\":\"AngularArchitects.io\",\"publisher\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.angulararchitects.io\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#organization\",\"name\":\"ANGULARarchitects\",\"alternateName\":\"SOFTWAREarchitects\",\"url\":\"https:\/\/www.angulararchitects.io\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/07\/AA-Logo-RGB-horizontal-inside-knowledge-black.svg\",\"contentUrl\":\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/07\/AA-Logo-RGB-horizontal-inside-knowledge-black.svg\",\"width\":644,\"height\":216,\"caption\":\"ANGULARarchitects\"},\"image\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/github.com\/angular-architects\",\"https:\/\/www.linkedin.com\/company\/angular-architects\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Free eBook: Anguar Standalone Components and APIs | ANGULARarchitects","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.angulararchitects.io\/en\/ebooks\/anguar-standalone-components-and-apis\/","og_locale":"en_US","og_type":"article","og_title":"Free eBook: Anguar Standalone Components and APIs | ANGULARarchitects","og_url":"https:\/\/www.angulararchitects.io\/en\/ebooks\/anguar-standalone-components-and-apis\/","og_site_name":"ANGULARarchitects","article_modified_time":"2025-05-23T13:52:06+00:00","og_image":[{"url":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-1024x145.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.angulararchitects.io\/en\/ebooks\/anguar-standalone-components-and-apis\/","url":"https:\/\/www.angulararchitects.io\/en\/ebooks\/anguar-standalone-components-and-apis\/","name":"Free eBook: Anguar Standalone Components and APIs | ANGULARarchitects","isPartOf":{"@id":"https:\/\/www.angulararchitects.io\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.angulararchitects.io\/en\/ebooks\/anguar-standalone-components-and-apis\/#primaryimage"},"image":{"@id":"https:\/\/www.angulararchitects.io\/en\/ebooks\/anguar-standalone-components-and-apis\/#primaryimage"},"thumbnailUrl":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-1024x145.png","datePublished":"2023-07-03T20:08:26+00:00","dateModified":"2025-05-23T13:52:06+00:00","breadcrumb":{"@id":"https:\/\/www.angulararchitects.io\/en\/ebooks\/anguar-standalone-components-and-apis\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.angulararchitects.io\/en\/ebooks\/anguar-standalone-components-and-apis\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.angulararchitects.io\/en\/ebooks\/anguar-standalone-components-and-apis\/#primaryimage","url":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-1024x145.png","contentUrl":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-1024x145.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.angulararchitects.io\/en\/ebooks\/anguar-standalone-components-and-apis\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.angulararchitects.io\/en\/"},{"@type":"ListItem","position":2,"name":"eBooks","item":"https:\/\/www.angulararchitects.io\/en\/ebooks\/"},{"@type":"ListItem","position":3,"name":"Anguar Standalone Components and APIs"}]},{"@type":"WebSite","@id":"https:\/\/www.angulararchitects.io\/en\/#website","url":"https:\/\/www.angulararchitects.io\/en\/","name":"ANGULARarchitects","description":"AngularArchitects.io","publisher":{"@id":"https:\/\/www.angulararchitects.io\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.angulararchitects.io\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.angulararchitects.io\/en\/#organization","name":"ANGULARarchitects","alternateName":"SOFTWAREarchitects","url":"https:\/\/www.angulararchitects.io\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.angulararchitects.io\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/07\/AA-Logo-RGB-horizontal-inside-knowledge-black.svg","contentUrl":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/07\/AA-Logo-RGB-horizontal-inside-knowledge-black.svg","width":644,"height":216,"caption":"ANGULARarchitects"},"image":{"@id":"https:\/\/www.angulararchitects.io\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/github.com\/angular-architects","https:\/\/www.linkedin.com\/company\/angular-architects\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/pages\/17554","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/comments?post=17554"}],"version-history":[{"count":10,"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/pages\/17554\/revisions"}],"predecessor-version":[{"id":30313,"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/pages\/17554\/revisions\/30313"}],"up":[{"embeddable":true,"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/pages\/17549"}],"wp:attachment":[{"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/media?parent=17554"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}