Web components have been around since the first spec was written in 2011, but they only started getting full support from the main browsers in 2018.

In this talk, I’ll discuss the four key specs that make the magic of web components happen and explain how they can help improve our workflow.

After showcasing the advantages of using web components, I will explain how to use web components in a WordPress application and highlight the tools and developer guides.

In conclusion, we will integrate web components with Gutenberg and learn how we can use the best of two worlds.

This talk is focused on front-end skills and requires a basic understanding of JavaScript, HTML, and CSS.