Fullstack Web Components: Complete Guide to Building UI Libraries with Web Components Kindle Edition
by Steve Belovarich(Author)
ASIN: B0BGYPWQVR
Publication date: September 29, 2022
Language 语言: English
File size: 18199 KB
Pages 页数: 613 pages
Book Description
Web Components are a powerful tool for user interface development. They are interoperable and adding them to your stack can help you scale a UI library to multiple teams. Plus they can have a long lifespan because they are built with browser specifications. Web Components are performant because they don’t have to rely on the overhead from JavaScript frameworks.
There are several books about Web Components, but none go into how to integrate Web Components in an enterprise web development workflow. This book is designed to help you learn Web Components and integrate it into your actual work.
Get hands-on experience coding UI with Web Components, but also learn how to test and maintain those components in the context of a distributed UI library in Fullstack Web Components.
Every chapter contains step-by-step instructions for coding each component and developing a web application with Web Components.
We’ll start by coding UI components using the set of specifications that comprise Web Components, increasing in complexity while covering real world problems: forms, custom templates, editable tables, and dialogs along the way. In a lerna monorepo, we’ll code almost exclusively with Storybook as our development environment and write tests for each component using Cypress. By the end of this book, you’ll have developed a user interface library from a design system in Figma and used those components in the context of a web application.
Fullstack Web Components contains 15 chapters filled with everything you will need to learn how to scale UI libraries for performant, enterprise-ready apps.
