Web Components & Design Systems

Built for Humans, Engineered to Be Agent-Ready

von Sandeep Kumar Patel

542 Seiten, Taschenbuch

Kurzbeschreibung des Verlags

Web Components & Design Systems teaches you to build durable, framework-agnostic UI on the platform itself, through one running project: Prism DS, a genuinely real design system built up chapter by chapter - design tokens, themed components, an accessible form-control library, a component manifest, a documentation pipeline, and (in the book's second half) an MCP server that lets an AI coding agent consume your design system correctly instead of guessing at it.You don't need prior web-components experience - Part I starts from the platform's own primitives (custom elements, shadow DOM, templates and slots). You do need to be comfortable with JavaScript and the DOM already.What's inside: - Custom elements, shadow DOM, and templates - not the folklore version, the current one- Building robust, accessible, form-associated components with ElementInternals- Design tokens with the DTCG spec and Style Dictionary- Styling strategy: adopted stylesheets: : part, custom states, container queries- Testing, packaging, versioning, and publishing web components for real consumers- Scoped custom element registries - and the exact collision bug they fix- Design-system process: adoption, governance, and what teams actually measure (and don't)- Part VI: agent-assisted workflows, MCP servers, and evaluating AI-generated component code458 pages. Twenty-seven chapters plus three reference appendices. Every runnable example ships as a companion code download.

• Reihe: Web Components & Design Systems
• ISBN: 9798170616886
• Sprache: Englisch
• Erscheinungsdatum: 30.08.2026
• Größe: 244 x 170 mm
• Verlag: Independently published