If you have worked with JavaScript over the years, chances are you used a mechanism to define reusable components that are rendered and can be interacted with in an encapsulated manner, for example in React or Vue. Web Components is a set of features that introduces similar mechanisms natively to the browser. Having a standard layer for these so-called leaf components aids interoperability. Imagine a future where you can reuse a leaf component you wrote for a simple native JS application in a React application or vice versa. Felix will teach you how to leverage Web Components by example, such as usage by the AMP framework or within Gutenberg blocks.