Index

A

Abstraction layers, drawbacks of, Ch 1 API integration

REST APIs, Ch 11
GraphQL, Ch 11
Error handling, Ch 11

Attributes vs. properties, Ch 4 Authentication

JWT tokens, Ch 12
OAuth integration, Ch 12
Protected routes, Ch 12
Security best practices, Ch 12

Authorization, role-based, Ch 12

B

Babel, unnecessary with LARC, Ch 1 Backend integration

Node.js/Express, Ch 13
PHP patterns, Ch 13
Python/Flask, Ch 13

BroadcastChannel, for multi-tab sync, Ch 7 Browser compatibility, Ch 1, Ch 3, Appendix A Build tools

Not required, Ch 1, Ch 3
Optional for production, Ch 16

Bundle size, optimization, Ch 15

C

Caching strategies

Cache-first, Ch 11
Network-first, Ch 11
Stale-while-revalidate, Ch 11

CDN deployment, Ch 16 CI/CD pipelines, Ch 14, Ch 16 Code splitting, Ch 15 Component composition, Ch 7 Component lifecycle

connectedCallback, Ch 4
disconnectedCallback, Ch 4
attributeChangedCallback, Ch 4
adoptedCallback, Ch 4

Component patterns, advanced, Ch 7 Compound components, Ch 7 CORS handling, Ch 12 CSS Custom Properties, theming with, Ch 4 CSS encapsulation, with Shadow DOM, Ch 4 Custom Elements

Definition, Ch 2, Ch 4
Lifecycle, Ch 4
Browser support, Ch 1, Ch 3

D

Dashboard applications, building, Ch 19 Data fetching, Ch 11 Debouncing, Ch 7, Ch 15 Deployment

Static hosting, Ch 16
Docker, Ch 16
Environment variables, Ch 16

DevTools, browser, Ch 3, Ch 18 DOM manipulation, in components, Ch 4 Dynamic imports, Ch 15

E

E-commerce application, case study, Ch 19 Environment setup, Ch 3 Error boundaries, Ch 4 Error handling

In forms, Ch 9
In API calls, Ch 11
Global error handling, Ch 4

ES Modules

Import/export, Ch 2, Ch 3
Browser support, Ch 1

Event-driven architecture, Ch 2, Ch 5

F

File uploads

With progress, Ch 9, Ch 13
Handling in forms, Ch 9

Fire-and-forget pattern, Ch 5 Form handling

Two-way binding, Ch 9
Validation, Ch 9
Submission, Ch 9

Framework comparison, LARC vs. React/Vue/Angular, Ch 1, Appendix D

G

GitHub Pages, deployment to, Ch 16 GraphQL

Integration, Ch 11
Query patterns, Ch 11

H

Higher-order components, Ch 7 History management, browser, Ch 8 HTML Templates, Ch 2, Ch 4

I

Import Maps

Configuration, Ch 3
Dependency management, Ch 2, Ch 3
Browser support, Ch 1

IndexedDB

Integration, Ch 6
For offline-first, Ch 6

Infinite scroll, Ch 11

J

JavaScript fatigue, Ch 1 JSX, not needed in LARC, Ch 1 JWT tokens, Ch 12

L

LARC philosophy, Ch 1 Lazy loading, Ch 7, Ch 15 Lifecycle callbacks. See Component lifecycle localStorage, for state persistence, Ch 6

M

Memoization, Ch 7 Message bus. See PAN bus Message patterns

Fire-and-forget, Ch 5
Request/response, Ch 5
Pub/sub, Ch 5

Micro-frontends, with LARC, Ch 1 Migration guides

From React, Appendix D
From Vue, Appendix D
From Angular, Appendix D

Mixins, Ch 7

N

Navigation. See Routing Netlify, deployment to, Ch 16 No-build philosophy, Ch 1, Ch 3

O

OAuth integration, Ch 12 Offline-first applications, Ch 6 Optimistic updates, Ch 11

P

PAN bus

Architecture, Ch 2, Ch 5
Debugging, Ch 5, Ch 18
Message patterns, Ch 5
Performance, Ch 12
Publishing messages, Ch 5
Subscribing to topics, Ch 5
Wildcards, Ch 5

pan-auth component, Appendix C pan-bus component. See PAN bus pan-fetch component, Ch 11, Appendix C pan-router component, Ch 8, Appendix C pan-store component

Overview, Ch 6
API reference, Appendix C
State persistence, Ch 6

Performance optimization

Code splitting, Ch 15
Lazy loading, Ch 15
Virtual scrolling, Ch 15
Web Vitals, Ch 15

Progressive enhancement, Ch 1 Progressive Web Apps (PWAs), Ch 1, Ch 6 Promises, in async operations, Ch 11 Properties vs. attributes, Ch 4 Pub/sub pattern, Ch 2, Ch 5

R

React

Comparison with LARC, Ch 1
Migration from, Appendix D

Real-time features

WebSockets, Ch 11, Ch 13
Server-Sent Events, Ch 11

Request/response pattern, Ch 5 Retry logic, Ch 11 Routing

Client-side, Ch 8
Route guards, Ch 8
Route parameters, Ch 8
Nested routes, Ch 8

S

Security

CORS, Ch 12
XSS protection, Ch 12
CSRF protection, Ch 12

Server integration. See Backend integration Server-Sent Events (SSE), Ch 11 Service Workers, Ch 15 Shadow DOM

Encapsulation, Ch 2, Ch 4
Styling, Ch 4
Browser support, Ch 1

Slots, Ch 4, Ch 7 Standards-first philosophy, Ch 1 State management

Local state, Ch 6
Shared state, Ch 6
Persistence strategies, Ch 6
pan-store, Ch 6

Static hosting, Ch 16

T

TaskFlow (capstone project), Ch 1, Ch 19 Testing

Unit testing, Ch 14
Integration testing, Ch 14
E2E testing, Ch 14
Mocking strategies, Ch 14
TDD patterns, Ch 14

Theme management, Ch 4 Throttling, Ch 7, Ch 15 TODO application, building, Ch 5, Ch 13 Topic namespaces, Ch 5 TypeScript, optional use with LARC, Ch 18

V

Validation

Form validation, Ch 9
HTML5 validation, Ch 9
Custom validators, Ch 9

Vercel, deployment to, Ch 16 Virtual scrolling, Ch 7, Ch 15 Vue

Comparison with LARC, Ch 1
Migration from, Appendix D

W

Web Components

Anatomy, Ch 2, Ch 4
API reference, Appendix A
Browser support, Ch 1, Ch 3
Creating, Ch 4
Lifecycle, Ch 4
Testing, Ch 14

Web Standards, embrace of, Ch 1, Ch 2 Web Test Runner, Ch 14 Web Vitals, monitoring, Ch 15 webpack, not required, Ch 1 WebSockets

Integration, Ch 11
Real-time communication, Ch 13

Wildcard subscriptions, Ch 5

X

XSS protection, Ch 12

Symbols

:host selector, Ch 4 ::slotted() selector, Ch 4

Cross-References by Topic

Component Communication

See PAN bus, Message patterns, Pub/sub pattern

Data Management

See State management, IndexedDB, localStorage, pan-store component

Deployment and Production

See Static hosting, CDN deployment, CI/CD pipelines, Docker

Forms and User Input

See Form handling, Validation, File uploads

Performance

See Performance optimization, Code splitting, Lazy loading, Virtual scrolling

Styling and Theming

See Shadow DOM, CSS Custom Properties, CSS encapsulation, Theme management

Testing and Quality

See Testing, DevTools, Debugging

Index generated for Learning LARC, First Edition (2025)