Getting Started with Web Components: Build modular and reusable components using HTML,CSS and JavaScript
Authors: Prateek Jadhwani
ISBN-10: 1838649239
ISBN-13: 9781838649234
Released: 2019-08-09
Print Length 页数: 158 pages
Book Description
Explore modern Web Component design and integrate them with a variety of web frameworks to build encapsulated reusable UI components for your web apps
Web Components are a set of APIs that help you build reusable UI modules that can operate in any modern browser using just Vanilla JavaScript. The power of Web Components lies in their ability to build frontend web applications with or without web frameworks.
With this practical guide,you will understand how Web Components can help you build reusable UI components for your modern web apps. The book starts by explaining the fundamentals of Web Components’ design and strategies for using them in your existing frontend web projects. You will also learn how to use JavaScript libraries such as Polymer.js and Stencil.js for building practical components. As you progress,you will build a single-page application using only Web Components to fully realize their potential. This practical guide demonstrates how to work with Shadow DOM and custom elements to build the standard components of a web application. Toward the end of the book,you will learn how to integrate Web Components with standard web frameworks to help you manage large-scale web applications.
By the end of this book,you will have learned about the capabilities of Web Components in building custom elements and have the necessary skills for building a reusable UI for your web applications.
What you will learn
Understand Web Component design,specifications,and life cycle
Create single-page applications using Web Components
Enable reusability and customization for your UI components
Implement Web Components in your web apps using Polymer and Stencil libraries
Build powerful frontend components from scratch and deploy them on the web
Design patterns and best practices to integrate Web Components into your existing web application
contents
1 Web Components Essentials and Specifications
2 Web Components Life Cycle Callback Methods
3 Universal Web Components
4 Building Reusable Web Components
5 Managing States and Props
6 Building a Single Page App using Web Components
7 Implementing Web Components using Polymer and Stencil
8 Integrating Web Components with a Web Framework
