Exploring Web Components

Exploring Web Components

Build Reusable UI Web Components with Standard Technologies

person icon Andrea Chiarelli

ebook icon BPB Publications

language icon Language - English

updated on icon Updated on Jan, 2021

architecture icon Design,Web Design,Web Design Other


This eBook includes

Formats : EPUB, PDF (Downlodable)

Pages : 224

ISBN : 9789389423976

Language : English

About the Book

Book description

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

Key Features

● Learn how standard Web technologies allows you to build reusable UI components.
● Learn how to protect the look and the internal behavior of your components.
● Learn how to use Web Components in React, Angular, and Vue projects.
● Learn how to use third-party libraries and tools to simplify the process of building your components.


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 drawback: 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

● Use Custom Elements technology to define your HTML elements.
● Use Shadow DOM to protect the inner behavior of your UI components.
● Work with HTML templates to simplify and enhance the way you define the UI of your components.
● Reuse your Web Components in applications built with Vanilla JavaScript, React, Angular, and Vue.

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

Exploring Web Components

eBook Preview

Author Details

BPB Publications

BPB Publications

BPB is Asia's largest publishers of Computer & IT books. For the last 63 years BPB has been a friend, philosopher and guide for programmers, developers, hardware technicians, IT Professionals who have made things happen in the IT World.

Our students work
with the Best

Related eBooks

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
People having fun around a laptop

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
People having fun around a laptop

Talk to us