The State of Web Components - Ana Cidre - CityJS Conf 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]

_________________________________________________________________

About Pusher Sessions:

We're bringing the meetup to you. With Sessions, you can watch recordings of top-notch talks from developer meetups -- wherever and whenever you want.

Meetups are a great way to learn from our peers and to keep up with the latest trends and technologies. As developers ourselves, we at Pusher wanted to bring this great content to more people... So we built Sessions. On Sessions, you can watch talks that interest you and subscribe to be notified when new content gets added.

If you run a meetup and want to get involved, kindly get in touch.

_________________________________________________________________

About Pusher:

Pusher is a hosted service with APIs, developer tools and open source libraries that greatly simplify integrating real-time functionality into web and mobile applications.

Pusher will automatically scale when required, removing all the pain of setting up and maintaining a secure, real-time infrastructure.

Pusher is already trusted to do so by thousands of developers and companies like GitHub, MailChimp, the Financial Times, Buffer and many more.

Getting started takes just a few seconds: simply go to pusher.com and create a free account. Happy hacking!