Web Component Design—Maintaining and Reusing Your Frontend

Developing maintainable web frontends is difficult, but it can become easier if we take a step away from the huge JavaScript frameworks that overwhelm us and go back to the basics: small, composable components.

This talk will use an example web component to illustrate the approach that we can take to design better components. Technical details will be briefly mentioned, but the focus is on design principles which can be applied to any component. Instead of trying to apply things like accessibility and progressive enhancement as an afterthought, we can use them as building blocks to create simpler components. With a little care, we can avoid a lot of pitfalls that will otherwise make our life miserable and write code that we can easily reuse instead of having to rewrite functionality in every new project.

What will the audience learn from this talk?

The audience will learn the basics about component based web development. This includes tips which are generally applicable for web development and a design process for thinking about and implementing modular frontend code.

Does it feature code examples and/or live coding?

There are some code examples which build on each other over the course of the talk. The majority of examples are in HTML and CSS, with a few JavaScript examples.

Prerequisite attendee experience level

Level 100

11:30 - 12:10
Conference / Event
GOTO Amsterdam 2020
Beurs van Berlage, Amsterdam