Exploring Web Components

Learn how to create reusable components to build modern Web user interfaces with standard technologies

Key Features

Description

The design of Web user interfaces has been growing significantly in recent times thanks to libraries like React, Angular, Vue. They allow you to create awesome UI components, but have a great their components are not interoperable.

Web Components enable you to overcome this drawback by using a set of standard technologies.

The book drives you in the exploration of these technologies with a practical approach. It describes how to create Custom Elements; how to protect their internal behavior by leveraging the Shadow DOM; how to simplify the UI definition through HTML templates.

Also, you will discover how to distribute and use your Web Components and how to leverage libraries and tools to develop them.

Throughout the book, you will carry out a Web Component project that will provide you with practical experience in using those technologies.

What will you learn

Who this book is for

This book is for frontend Web developers who want to leverage standard technologies to build reusable UI components. Basic knowledge of JavaScript, HTML, and CSS is required.

Table of Contents

1. Getting Started with Web Components

2. Extending HTML Elements

3. Creating Custom Web Components

4. Managing Properties and Attributes

5. Handling Events

6. Using the Shadow DOM

7. Using HTML Templates

8. Distributing and Extending Web Components

9. Web Components and Other UI Frameworks

10. Tools for Web Components Development

About the Author

Andrea Chiarelli is a software engineer and technical author with more than 20 years of experience in the software development industry. Throughout his career, he used several programming languages and technologies for the projects he was involved in. Lately, he is focusing on the JavaScript ecosystem both on the server and on the client-side.

He has contributed to many online and offline magazines and authored a few books.

Currently, he is working at Auth0 as an R&D Content Engineer.

Your Blog

Your LinkedIn