{"id":2804,"date":"2019-05-15T18:55:09","date_gmt":"2019-05-15T18:55:09","guid":{"rendered":"https:\/\/ionicframework.com\/?p=2804"},"modified":"2019-05-15T18:55:09","modified_gmt":"2019-05-15T18:55:09","slug":"pwas-powered-by-web-components-with-david-dal-busco","status":"publish","type":"post","link":"https:\/\/ionic.io\/blog\/pwas-powered-by-web-components-with-david-dal-busco","title":{"rendered":"PWAs Powered by Web Components with David Dal Busco"},"content":{"rendered":"<p>After a brief hiatus, our <a href=\"https:\/\/betontheweb.ionicframework.com\/\">Bet on the Web podcast<\/a> is back with a new episode. This time, we&#8217;re chatting with David Dal Busco, the creator of <a href=\"https:\/\/deckdeckgo.com\/\">DeckDeckGo<\/a> and organizer of the <a href=\"https:\/\/www.meetup.com\/Ionic-Zurich\/\">Ionic Zurich<\/a> meetup group.<\/p>\n<p><!--more--><\/p>\n<p>David&#8217;s Ionic journey began when he was tasked with building a mobile app at work. He quickly found success with Ionic, Angular, and Firebase. Today, his stack of choice also includes building web components with <a href=\"https:\/\/stenciljs.com\/\">Stencil<\/a>.<\/p>\n<p>In this episode of Bet on the Web, David walks us through DeckDeckGo, his incredible open source Progressive Web App presentation builder created with <a href=\"https:\/\/ionicframework.com\/getting-started#cli\">Ionic 4<\/a> and custom web components (powered by Stencil). The idea came about after he was tasked with delivering a presentation on web components for work colleagues. DeckDeckGo was born after he decided to apply his newfound knowledge of web components towards creating an app.<\/p>\n<p>Please join us for a deep dive into how David built DeckDeckGo, how Stencil makes it easy to build web components, and details on how app frameworks like Angular fit alongside web components. Tune in below or wherever you enjoy podcasts. Happy listening!<\/p>\n<p><iframe data-src='https:\/\/share.transistor.fm\/e\/24485850' width='100%' height='180' frameborder='0' scrolling='no' seamless='true' style='width:100%; height:180px;' src='data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' class='lazyload' data-load-mode='1'><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>After a brief hiatus, our Bet on the Web podcast is back with a new episode. This time, we&#8217;re chatting with David Dal Busco, the creator of DeckDeckGo and organizer of the Ionic Zurich meetup group.<\/p>\n","protected":false},"author":62,"featured_media":2805,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"publish_to_discourse":"","publish_post_category":"","wpdc_auto_publish_overridden":"","wpdc_topic_tags":"","wpdc_pin_topic":"","wpdc_pin_until":"","discourse_post_id":"","discourse_permalink":"","wpdc_publishing_response":"","wpdc_publishing_error":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[123],"tags":[152],"class_list":["post-2804","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-perspectives","tag-bet-on-the-web-podcast"],"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>PWAs Powered by Web Components with David Dal Busco - 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\/pwas-powered-by-web-components-with-david-dal-busco\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"PWAs Powered by Web Components with David Dal Busco\" \/>\n<meta property=\"og:description\" content=\"After a brief hiatus, our Bet on the Web podcast is back with a new episode. This time, we&#8217;re chatting with David Dal Busco, the creator of DeckDeckGo and organizer of the Ionic Zurich meetup group.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ionic.io\/blog\/pwas-powered-by-web-components-with-david-dal-busco\" \/>\n<meta property=\"og:site_name\" content=\"Ionic Blog\" \/>\n<meta property=\"article:published_time\" content=\"2019-05-15T18:55:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2019\/05\/bet-on-the-web-pwas.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1440\" \/>\n\t<meta property=\"og:image:height\" content=\"800\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Matt Netkow\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dotNetkow\" \/>\n<meta name=\"twitter:site\" content=\"@ionicframework\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Matt Netkow\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/ionic.io\/blog\/pwas-powered-by-web-components-with-david-dal-busco#article\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/pwas-powered-by-web-components-with-david-dal-busco\"},\"author\":{\"name\":\"Matt Netkow\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/93c8b2fe110f183510c6285b0de40790\"},\"headline\":\"PWAs Powered by Web Components with David Dal Busco\",\"datePublished\":\"2019-05-15T18:55:09+00:00\",\"dateModified\":\"2019-05-15T18:55:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/pwas-powered-by-web-components-with-david-dal-busco\"},\"wordCount\":194,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/pwas-powered-by-web-components-with-david-dal-busco#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2019\/05\/bet-on-the-web-pwas.png\",\"keywords\":[\"Bet on the Web Podcast\"],\"articleSection\":[\"Perspectives\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/ionic.io\/blog\/pwas-powered-by-web-components-with-david-dal-busco#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ionic.io\/blog\/pwas-powered-by-web-components-with-david-dal-busco\",\"url\":\"https:\/\/ionic.io\/blog\/pwas-powered-by-web-components-with-david-dal-busco\",\"name\":\"PWAs Powered by Web Components with David Dal Busco - Ionic Blog\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/pwas-powered-by-web-components-with-david-dal-busco#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/pwas-powered-by-web-components-with-david-dal-busco#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2019\/05\/bet-on-the-web-pwas.png\",\"datePublished\":\"2019-05-15T18:55:09+00:00\",\"dateModified\":\"2019-05-15T18:55:09+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ionic.io\/blog\/pwas-powered-by-web-components-with-david-dal-busco#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ionic.io\/blog\/pwas-powered-by-web-components-with-david-dal-busco\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/pwas-powered-by-web-components-with-david-dal-busco#primaryimage\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2019\/05\/bet-on-the-web-pwas.png\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2019\/05\/bet-on-the-web-pwas.png\",\"width\":1440,\"height\":800,\"caption\":\"bet-on-the-web-pwas\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ionic.io\/blog\/pwas-powered-by-web-components-with-david-dal-busco#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ionic.io\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"PWAs Powered by Web Components with David Dal Busco\"}]},{\"@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\/93c8b2fe110f183510c6285b0de40790\",\"name\":\"Matt Netkow\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/07\/mattnetkow-150x150.jpg\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/07\/mattnetkow-150x150.jpg\",\"caption\":\"Matt Netkow\"},\"sameAs\":[\"https:\/\/x.com\/dotNetkow\"],\"url\":\"https:\/\/ionic.io\/blog\/author\/mattnetkow\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"PWAs Powered by Web Components with David Dal Busco - 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\/pwas-powered-by-web-components-with-david-dal-busco","og_locale":"en_US","og_type":"article","og_title":"PWAs Powered by Web Components with David Dal Busco","og_description":"After a brief hiatus, our Bet on the Web podcast is back with a new episode. This time, we&#8217;re chatting with David Dal Busco, the creator of DeckDeckGo and organizer of the Ionic Zurich meetup group.","og_url":"https:\/\/ionic.io\/blog\/pwas-powered-by-web-components-with-david-dal-busco","og_site_name":"Ionic Blog","article_published_time":"2019-05-15T18:55:09+00:00","og_image":[{"width":1440,"height":800,"url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2019\/05\/bet-on-the-web-pwas.png","type":"image\/png"}],"author":"Matt Netkow","twitter_card":"summary_large_image","twitter_creator":"@dotNetkow","twitter_site":"@ionicframework","twitter_misc":{"Written by":"Matt Netkow","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ionic.io\/blog\/pwas-powered-by-web-components-with-david-dal-busco#article","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/pwas-powered-by-web-components-with-david-dal-busco"},"author":{"name":"Matt Netkow","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/93c8b2fe110f183510c6285b0de40790"},"headline":"PWAs Powered by Web Components with David Dal Busco","datePublished":"2019-05-15T18:55:09+00:00","dateModified":"2019-05-15T18:55:09+00:00","mainEntityOfPage":{"@id":"https:\/\/ionic.io\/blog\/pwas-powered-by-web-components-with-david-dal-busco"},"wordCount":194,"commentCount":0,"publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"image":{"@id":"https:\/\/ionic.io\/blog\/pwas-powered-by-web-components-with-david-dal-busco#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2019\/05\/bet-on-the-web-pwas.png","keywords":["Bet on the Web Podcast"],"articleSection":["Perspectives"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ionic.io\/blog\/pwas-powered-by-web-components-with-david-dal-busco#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ionic.io\/blog\/pwas-powered-by-web-components-with-david-dal-busco","url":"https:\/\/ionic.io\/blog\/pwas-powered-by-web-components-with-david-dal-busco","name":"PWAs Powered by Web Components with David Dal Busco - Ionic Blog","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ionic.io\/blog\/pwas-powered-by-web-components-with-david-dal-busco#primaryimage"},"image":{"@id":"https:\/\/ionic.io\/blog\/pwas-powered-by-web-components-with-david-dal-busco#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2019\/05\/bet-on-the-web-pwas.png","datePublished":"2019-05-15T18:55:09+00:00","dateModified":"2019-05-15T18:55:09+00:00","breadcrumb":{"@id":"https:\/\/ionic.io\/blog\/pwas-powered-by-web-components-with-david-dal-busco#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ionic.io\/blog\/pwas-powered-by-web-components-with-david-dal-busco"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/pwas-powered-by-web-components-with-david-dal-busco#primaryimage","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2019\/05\/bet-on-the-web-pwas.png","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2019\/05\/bet-on-the-web-pwas.png","width":1440,"height":800,"caption":"bet-on-the-web-pwas"},{"@type":"BreadcrumbList","@id":"https:\/\/ionic.io\/blog\/pwas-powered-by-web-components-with-david-dal-busco#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ionic.io\/blog"},{"@type":"ListItem","position":2,"name":"PWAs Powered by Web Components with David Dal Busco"}]},{"@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\/93c8b2fe110f183510c6285b0de40790","name":"Matt Netkow","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/07\/mattnetkow-150x150.jpg","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/07\/mattnetkow-150x150.jpg","caption":"Matt Netkow"},"sameAs":["https:\/\/x.com\/dotNetkow"],"url":"https:\/\/ionic.io\/blog\/author\/mattnetkow"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2019\/05\/bet-on-the-web-pwas.png","_links":{"self":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/2804","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\/62"}],"replies":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/comments?post=2804"}],"version-history":[{"count":0,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/2804\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media\/2805"}],"wp:attachment":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media?parent=2804"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/categories?post=2804"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/tags?post=2804"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}