The State of Web Components
Ana Cidre at CityJS 2020
A decade in the making, Web Components, a standardised set of technologies allowing us to create reusable web components are now widely supported in modern browsers.
In this presentation we will take a look at the overall architecture and some common use cases and patterns of Web Components and why they are now a viable option. We will also look at future features to show how powerful web components are constantly improving.
Bio
Ana is a Developer Advocate at Auth0. She has a degree in Fine Arts and a Master in International Business Economics and Management, so she is not your usual software developer. She loves to code and she especially likes Angular. As a very active member of the community, she regularly organises meetups and conferences, like the amazing ngSpain. In Spain, where she’s currently based, she’s an organiser of GDG Vigo and the founder of GalsTech, a group for women in tech from Galicia. Because she is so passionate about diversity, she has also been named a Women Techmaker Ambassador.
Chapters / Excerpts:
Agenda [00:00:00]
What are web components [00:00:43]
HTML Template [00:01:35]
Custom Elements [00:02:24]
Shadow Dom [00:04:57]
ES Modules [00:06:36]
Building a Simple UI Button [00:07:08]
About Me [00:10:31]
Back in 2007 [00:12:48]
Why consider Web Components [00:14:10]
Slots [00:20:02]
Browser Compatibility [00:20:37]
Frameworks and Libraries [00:20:59]
Ready Made UI Elements [00:23:22]
Cool Projects [00:24:16]
The Future [00:25:10]
Q&A [00:27:53]
In this presentation we will take a look at the overall architecture and some common use cases and patterns of Web Components and why they are now a viable option. We will also look at future features to show how powerful web components are constantly improving.
Bio
Ana is a Developer Advocate at Auth0. She has a degree in Fine Arts and a Master in International Business Economics and Management, so she is not your usual software developer. She loves to code and she especially likes Angular. As a very active member of the community, she regularly organises meetups and conferences, like the amazing ngSpain. In Spain, where she’s currently based, she’s an organiser of GDG Vigo and the founder of GalsTech, a group for women in tech from Galicia. Because she is so passionate about diversity, she has also been named a Women Techmaker Ambassador.
Chapters / Excerpts:
Agenda [00:00:00]
What are web components [00:00:43]
HTML Template [00:01:35]
Custom Elements [00:02:24]
Shadow Dom [00:04:57]
ES Modules [00:06:36]
Building a Simple UI Button [00:07:08]
About Me [00:10:31]
Back in 2007 [00:12:48]
Why consider Web Components [00:14:10]
Slots [00:20:02]
Browser Compatibility [00:20:37]
Frameworks and Libraries [00:20:59]
Ready Made UI Elements [00:23:22]
Cool Projects [00:24:16]
The Future [00:25:10]
Q&A [00:27:53]