Web Components are without a doubt a very controversial topic. They’re the closest native API to the ones we use every day with frameworks like React and Vue but most of the developers dislikes them because of their overcomplication in comparison to framework equivalents. During the talk I’ll introduce Web Components APIs and show how we can use them with more DX-friendly wrappers like LitElement. After getting familiar with basics we’ll see how to transform Vue and Angular components into Web Components, make embeddable ‘headless components’ and combine different frameworks in one application. At the end we will see examples of such ‘headless components’ we made for Vue Storefront to literally embed parts of the eCommerce store into any website or application.
About
Filip is co-founder and technical leader in Vue Storefront – Open Source PWA headless eCommerce written in Vue.js (looks like we have all the buzzwords ^^). He’s a very active member of Vue.js community sharing his knowledge at biggest Vue.js events like Vuejs Amsterdam and Vuejs Roadtrip.
Apart from his open source work Filip is also a Frontend Developer in Divante – one of the biggest eCommerce software houses in Europe. During his daily job he leads projects based on modern web technologies and teaches about modern JS during conferences, meetups and in web publications. He also likes good memes and coffee.
Source