Welcome

Thank you for purchasing the MEAP for Web Component Development with Modern Libraries and Tooling.

Throughout my career as a web developer, I have used many approaches to creating user interface components for web applications, including popular web frameworks like Angular, React, Svelte, and Vue. But I always wished that my efforts to develop those components were not restricted to applications built with a specific framework.

I previously rejected Web Components due to poor developer experience (DX). But I’ve since taken a fresh look at many new implementation options. These include only using what browsers provide, referred to as vanilla web components, and using libraries like Lit, Stencil, FAST, and wrec. I have also explored tools that improve the experience, including Custom Elements Manifest files, Storybook, and Playwright. Together, these allow me to develop components that can be used in any web application and have great DX!

My hope is that as you journey through this book, you will reach the same conclusion. After learning about each of the covered approaches for developing web components, I’d love to hear which is your favorite.

I’m confident you’re aware that using LLMs to generate code is all the rage now.