{"id":22030,"date":"2023-08-28T11:37:32","date_gmt":"2023-08-28T09:37:32","guid":{"rendered":"https:\/\/www.angulararchitects.io\/?page_id=22030"},"modified":"2025-05-23T15:46:30","modified_gmt":"2025-05-23T13:46:30","slug":"webinar-storybook","status":"publish","type":"page","link":"https:\/\/www.angulararchitects.io\/en\/webinar-storybook\/","title":{"rendered":"Webinar: Unleashing the Power of Storybook for Angular: Boosting UX and Component Development"},"content":{"rendered":"  \n<div class=\"hero\">\n  <div class=\"hero-ow\">\n    <div class=\"hero-iw\">\n      <div class=\"hero-image-spacer\">\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\/2021\/10\/design-system.jpg\" srcset=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2021\/10\/design-system.jpg 2000w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2021\/10\/design-system-600x393.jpg 600w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2021\/10\/design-system-300x197.jpg 300w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2021\/10\/design-system-1024x671.jpg 1024w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2021\/10\/design-system-768x503.jpg 768w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2021\/10\/design-system-1536x1006.jpg 1536w\">\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: #cd0f41;\">\n          <div class=\"hero-box\">\n                          <div class=\"hero-hashtag\">#webinar<\/div>\n                                      <h1 class=\"hero-heading\">Unleashing the Power of Storybook for Angular: Boosting UX and Component Development<\/h1>\n                                      <div class=\"hero-body-text\">Webinar with Andreas Wissel<\/div>\n                                  <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"hero-box-dummy-bottom-desktop\" style=\"background-color: #cd0f41;\"><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n  \n\n  \n\n  \n<div class=\"cta-default cta  has-background has-light-red-background-color\"\">\n  <div class=\"cta-default-ow\">\n    <div class=\"cta-default-iw  \">\n      <div class=\"cta-text-content\">\n                \n        \n        <div class=\"cta-text has-text-color has-full-white-color\"><h3>September 7, 2023, 16:00 &#8211; 17:30 CEST (Berlin, Vienna, &#8230;)<\/h3>\n<\/div>        \n        <a class=\"button is-style-pink\" href=\"&#x23;register\" target=\"_self\">Register now!<\/a>        \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   no-padding-bottom\">\n              <div class=\"image-part \">\n          <img decoding=\"async\" class=\"image\" src=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2022\/03\/adreas-wissel.png\" srcset=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2022\/03\/adreas-wissel.png 400w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2022\/03\/adreas-wissel-300x300.png 300w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2022\/03\/adreas-wissel-100x100.png 100w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2022\/03\/adreas-wissel-150x150.png 150w\" alt=\"\" style=\"max-width: px;\"\/>\n        <\/div>\n            <div class=\"html-part\">\n        <p>Join Andreas for a free webinar on Storybook in Angular, where he&#8217;ll demonstrate the significance of incorporating user experience as a vital part of development. Learn how component-driven development enables you to create high-quality user experiences while streamlining your development process. We&#8217;ll delve into techniques for scaling component libraries and discuss the benefits of adopting opinionated component design principles.<\/p>\n<p>Uncover the potential of using Storybook as your primary workbench for component development in Angular. We&#8217;ll demonstrate how to leverage its powerful features to create, test, and iterate on components in isolation, ensuring they meet the highest standards. This approach fosters collaboration across teams and promotes a seamless integration of components into larger applications.<\/p>\n<p>Finally, we&#8217;ll explore various distribution strategies to efficiently share and maintain your component libraries across multiple projects. By the end of this talk, you&#8217;ll be equipped with the knowledge and best practices to harness the power of Storybook in Angular, revolutionizing your development workflow and enhancing the user experience of your applications.<\/p>\n<p>&nbsp;<\/p>\n<h2>Your Trainer<\/h2>\n<p>Andreas designs scalable application concepts and helps to develop a better understanding of the role of user experience in the enterprise environment. His current focus is on design systems, UX workflows, and isolated components.<\/p>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\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   no-padding-bottom\">\n            <div class=\"html-part\">\n        <h2>What am I learning?<\/h2>\n<p>\u2705 Storybook as workbench for component development<br \/>\n\u2705 Streamlining your development process <br \/>\n\u2705 Creating, testing, and iterating on components in isolation <br \/>\n\u2705 Distribution strategies for component libraries <\/p>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\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=\"html-part\">\n        <h2>What do I get?<\/h2>\n<p>\u2611\ufe0f Participation in the webinar<br \/>\n\u2611\ufe0f Possibility to ask questions<br \/>\n\u2611\ufe0f Recording of the webinar<br \/>\n\u2611\ufe0f All slides and examples<\/p>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n  \n<div class=\"cta-newsletter\" style=\"background-color: #cd0f41; color: #FFFFFF;\">\n  <div class=\"cta-newsletter-ow\">\n    <div class=\"cta-newsletter-iw \">\n                                      \n        \n\n  <h2 id=\"register\" class=\"heading cta-heading  \">Register Now and Join for Free!<\/h2>\n\n            <div class=\"cta-text\">Register now for our newsletter and get your free webinar access! You can unsubscribe at any time!\r\n\r\n<script src=\"\/custom\/subscribe-mc.js\"><\/script>\r\n<div id=\"campaign\" campaign-id=\"13\" campaign-lang=\"en\"><\/div>\r\n<\/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":25,"featured_media":0,"parent":0,"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-22030","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>Webinar: Unleashing the Power of Storybook for Angular: Boosting UX and Component Development - 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\/webinar-storybook\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Webinar: Unleashing the Power of Storybook for Angular\" \/>\n<meta property=\"og:description\" content=\"Boosting UX and Component Development\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.angulararchitects.io\/en\/webinar-storybook\/\" \/>\n<meta property=\"og:site_name\" content=\"ANGULARarchitects\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-23T13:46:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2021\/10\/design.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2000\" \/>\n\t<meta property=\"og:image:height\" content=\"1035\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Webinar: Unleashing the Power of Storybook for Angular\" \/>\n<meta name=\"twitter:description\" content=\"Boosting UX and Component Development\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2021\/10\/design.jpg\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/webinar-storybook\/\",\"url\":\"https:\/\/www.angulararchitects.io\/en\/webinar-storybook\/\",\"name\":\"Webinar: Unleashing the Power of Storybook for Angular: Boosting UX and Component Development - ANGULARarchitects\",\"isPartOf\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/webinar-storybook\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/webinar-storybook\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-1024x145.png\",\"datePublished\":\"2023-08-28T09:37:32+00:00\",\"dateModified\":\"2025-05-23T13:46:30+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/webinar-storybook\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.angulararchitects.io\/en\/webinar-storybook\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/webinar-storybook\/#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\/webinar-storybook\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.angulararchitects.io\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Webinar: Unleashing the Power of Storybook for Angular: Boosting UX and Component Development\"}]},{\"@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":"Webinar: Unleashing the Power of Storybook for Angular: Boosting UX and Component Development - 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\/webinar-storybook\/","og_locale":"en_US","og_type":"article","og_title":"Webinar: Unleashing the Power of Storybook for Angular","og_description":"Boosting UX and Component Development","og_url":"https:\/\/www.angulararchitects.io\/en\/webinar-storybook\/","og_site_name":"ANGULARarchitects","article_modified_time":"2025-05-23T13:46:30+00:00","og_image":[{"width":2000,"height":1035,"url":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2021\/10\/design.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_title":"Webinar: Unleashing the Power of Storybook for Angular","twitter_description":"Boosting UX and Component Development","twitter_image":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2021\/10\/design.jpg","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.angulararchitects.io\/en\/webinar-storybook\/","url":"https:\/\/www.angulararchitects.io\/en\/webinar-storybook\/","name":"Webinar: Unleashing the Power of Storybook for Angular: Boosting UX and Component Development - ANGULARarchitects","isPartOf":{"@id":"https:\/\/www.angulararchitects.io\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.angulararchitects.io\/en\/webinar-storybook\/#primaryimage"},"image":{"@id":"https:\/\/www.angulararchitects.io\/en\/webinar-storybook\/#primaryimage"},"thumbnailUrl":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-1024x145.png","datePublished":"2023-08-28T09:37:32+00:00","dateModified":"2025-05-23T13:46:30+00:00","breadcrumb":{"@id":"https:\/\/www.angulararchitects.io\/en\/webinar-storybook\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.angulararchitects.io\/en\/webinar-storybook\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.angulararchitects.io\/en\/webinar-storybook\/#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\/webinar-storybook\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.angulararchitects.io\/en\/"},{"@type":"ListItem","position":2,"name":"Webinar: Unleashing the Power of Storybook for Angular: Boosting UX and Component Development"}]},{"@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\/22030","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\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/comments?post=22030"}],"version-history":[{"count":10,"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/pages\/22030\/revisions"}],"predecessor-version":[{"id":30303,"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/pages\/22030\/revisions\/30303"}],"wp:attachment":[{"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/media?parent=22030"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}