Extending HTML with Web Components

Presented by:
Rowdy Rabouw

Talk focus:


Talk details:

The official HTML specification features over 100 native elements you can use to create awesome websites or applications. But what if you need more than these, or you want to make your own implementation of a video tag?

JavaScript frameworks like Vue, Angular, and React offer the tools for creating components, but they are not interchangeable. You will need to build them for every framework, which is cumbersome for organisations with various tech stacks.

Web Components are framework agnostic. They can be reused in any frontend project, whether you use a JavaScript framework or not. Stop rewriting components in the JS flavour of the month.

In this talk, Rowdy will demonstrate how to create Web Components by implementing custom elements, shadow DOM, and HTML templates. He will also show you how to use your new and shiny Web Component with your beloved JS framework.

April 20, 2023 3:00 pm
Session duration:
40 minutes
Lucerna Great Hall

About your presenter:

Rowdy Rabouw profile image
Rowdy Rabouw
Front-End Focused Senior DevOps Engineer

Rowdy is a web developer with over 25 years of experience in HTML, CSS, JavaScript, and PHP. Currently, he is a frontend-focused senior DevOps engineer working on Vue.js and Node.js projects with special attention on accessibility. Rowdy loves watching superhero movies and Formula One races and enjoys riding on his mountain bike to unwind.

Start typing and press Enter to search

Shopping Cart