Intro
Table of Contents
About the Author
About the Technical Reviewer
Acknowledgments
Introduction
Chapter 1: Introduction
The Global Picture
Components
Component Architecture
Parts of a Component
The Rise of Thin Libraries
Single-Page Apps
The HTML 5 API
The Template Language
Smart Decorators
TypeScript
WebPack
Compatibility
Other Libraries
Summary
Chapter 2: Making Components
Basics
A First Example
Observing Unset Elements
Custom Elements AP
Observing Attributes
Attribute Data
Discussing the Options

The MutationObserver Type
Proxy
Rendering Order
Delaying Access
Introducing a Life Cycle
Customized Built-in Elements
Advantage of TypeScript
Using Generics
Final Thoughts on Generics
Summary
Chapter 3: Shadow DOM
Preparation
Built-in Shadow DOM
Shadow Tree
Terms
Using Shadow Trees
Limitations
Modes
Encapsulation
Shadow DOM without Components
Closing the Shadow Root
The Shadow Root API
Properties
Methods
Summary
Chapter 4: Events
Events in ECMAScript
Event Handlers
Assigning a Handler
Choosing the Right Events

HTML 5 Standard Events
Event Bubbling
The Event Object
Stopping Other Handlers
Other Types of Propagation
Event Capturing
Removing Handlers
Multiple Handlers
Stopping Default Behavior
Follow-Up Events
Passive Events
Document Handlers
Events in Web Components
Events and Slots
Event Bubbling
Composed Events
Custom Events
Synthetic Events
The dispatchEvent API
Customize Events
Smart Events
Summary
Chapter 5: Templates
HTML 5 Templates
How It Works
Activating a Template
Clone or Import
Templates and Web Components

Shadow DOM
Using createShadowRoot
Shadow DOM and innerHTML
Nested Templates
Template Styles
Applying Global Styles
Summary
Chapter 6: Slots
Slots Explained
Slot and Templates
Shadow DOM
Slots and Components
Slot Behavior
Slot Positions
Multiple Slots
Default Slots
Slot Events
Adding an Event Handler
Updating Slots
Slot Change Events
The Slot API
Summary
Chapter 7: Components and Styles
Style Behavior
Accessing the Host
Cascading
Selecting a Host Element
Accessing the Host Context Aware
Styling Slotted Content

CSS Hooks
Ignoring Styles
Parts
The Part Attribute and Pseudo Selector
Forwarding Parts
The Part API
The Future of Parts
Summary
Chapter 8: Making Single-Page Apps
The Architecture of SPAs
The Router
Monitoring the URL
Configuring the Router
Defining the Target
Router Implementation
The History API
The History Stack
The history Object
History Change Events
Final Thoughts on the History API
Stateful Apps
Flux
The Flux Parts
Tell Tales
Implementing Flux
Overview
The Demo Component
The Store
Merging Stores