Index

A

addEventListener(), Chapter 4, Chapter 7 Accessibility, Chapter 15, Chapter 17, Chapter 19 Acknowledgments, Preface Action topics, Chapter 4, Appendix A ActiveForm (todo status), Chapter 19 adoptedStyleSheets, Chapter 15 Advanced patterns, Chapter 19 Alpine.js comparison, Chapter 2 Analytics tracking, Chapter 4, Chapter 12 Angular comparison, Chapter 2 Anti-patterns, Chapter 4, Chapter 19 Apache configuration, Chapter 5, Chapter 20 API design, Chapter 11, Appendix G API integration, Chapter 11 API reference, Chapter 17-21, Appendix G API topics, Chapter 4, Chapter 11 Application state, Chapter 8 Architectural decisions, Chapter 2, Chapter 19 Asynchronous patterns, Chapter 6, Chapter 11 Attributes (component), Chapter 4, Chapter 7, Chapter 17-21 attributeChangedCallback(), Chapter 7 Authentication, Chapter 12

- JWT tokens, Chapter 12 - OAuth integration, Chapter 12 - Session management, Chapter 12 - Token refresh, Chapter 12 Authorization, Chapter 12 Auto-loading components, Chapter 4, Chapter 5, Chapter 7 Autoloader, Chapter 4, Chapter 5, Chapter 7 await, Chapter 6, Chapter 11

B

Backend integration, Chapter 11, Appendix G

- Deno, Appendix G - Node.js, Appendix G - Python/Flask, Appendix G Best practices, Chapter 6-20 Boolean attributes, Chapter 7, Chapter 17-21 Branching logic, Chapter 19 BroadcastChannel API, Chapter 8, Chapter 13, Appendix G Browser compatibility, Chapter 5, Chapter 20

- Chrome, Chapter 5 - Edge, Chapter 5 - Firefox, Chapter 5 - Mobile browsers, Chapter 5 - Safari, Chapter 5 Browser DevTools, Chapter 5, Chapter 18

- Chrome DevTools, Chapter 5, Chapter 18 - Console panel, Chapter 5, Chapter 18 - Elements panel, Chapter 5 - Firefox Developer Tools, Chapter 5 - Network panel, Chapter 5, Chapter 18 - Safari Web Inspector, Chapter 5 Bubbling (event), Chapter 4, Chapter 7 Build tools, Chapter 1, Chapter 2, Chapter 20

- Optional nature, Chapter 2 - Production optimization, Chapter 20 - Rollup, Chapter 20 - Vite, Chapter 5, Chapter 20 - Webpack, Chapter 20 Bus statistics, Chapter 4, Chapter 17

C

Caching, Chapter 11, Chapter 16, Chapter 20 CAN bus (automotive), Chapter 1, Chapter 3 CDN deployment, Chapter 5, Chapter 20, Appendix G

- jsDelivr, Chapter 5, Appendix G - unpkg, Chapter 5, Appendix G Change detection, Chapter 8 Chrome DevTools Extension, Chapter 5, Appendix G Cleanup (subscription), Chapter 4, Chapter 7 Client-side routing, Chapter 9 Cloudflare Pages, Chapter 20, Appendix G Code conventions, Chapter 1 Code examples, Chapter 1, Appendix G Code splitting, Chapter 16, Chapter 20 Command-line tools, Chapter 5, Appendix G Community resources, Appendix G Comparison with other frameworks, Chapter 2 Component API reference, Chapter 17-21 Component autoloading, Chapter 4, Chapter 5, Chapter 7 Component composition, Chapter 4, Chapter 7 Component development guide, Appendix G Component gallery, Appendix G Component lifecycle, Chapter 7

- attributeChangedCallback, Chapter 7 - connectedCallback, Chapter 7 - disconnectedCallback, Chapter 7 Component naming conventions, Chapter 1, Chapter 7 Component registration, Chapter 7 Component reusability, Chapter 7, Chapter 19 Component testing, Chapter 17 Composability, Chapter 2, Chapter 4, Chapter 7 Composition patterns, Chapter 4, Chapter 7, Chapter 19 Configuration - larc-config.mjs, Chapter 5 - pan-bus attributes, Chapter 4, Chapter 17 - Path configuration, Chapter 5 connectedCallback(), Chapter 7 Console logging, Chapter 4, Chapter 18 Constructable Stylesheets, Chapter 15 Content Security Policy (CSP), Chapter 20 Context API, Chapter 8 Contributing to LARC, Appendix G Convention over configuration, Chapter 2, Chapter 5 Core concepts, Chapter 4 Core Web Vitals, Chapter 16, Appendix G CORS errors, Chapter 5 correlationId, Chapter 4, Chapter 6 create-larc-app, Chapter 5, Appendix G Cross-origin images, Chapter 14 Cross-tab communication, Chapter 8, Chapter 13 CSS Custom Properties, Chapter 15 CSS encapsulation, Chapter 7, Chapter 15 Custom Elements, Chapter 1, Chapter 4, Chapter 7

- v1 API, Chapter 7 customElements.define(), Chapter 7 CustomEvent, Chapter 4, Chapter 7

D

Dark mode, Chapter 15 Dashboard applications, Chapter 19 Data components, Chapter 18 Data fetching, Chapter 11

- Caching strategies, Chapter 11 - Error handling, Chapter 11 - Loading states, Chapter 11 - Pagination, Chapter 11 Data validation, Chapter 10 Debugging, Chapter 5, Chapter 18

- Browser DevTools, Chapter 5, Chapter 18 - Debug mode, Chapter 4, Chapter 17 - LARC DevTools extension, Appendix G - Message tracing, Chapter 18, Chapter 17 Decoupled architecture, Chapter 2, Chapter 4 Deduplication (messages), Chapter 4 Deep linking, Chapter 9 Deployment, Chapter 20

- CDN configuration, Chapter 20 - GitHub Pages, Chapter 20, Appendix G - Netlify, Chapter 20, Appendix G - Optimization, Chapter 20 - Static hosting, Chapter 20 - Vercel, Chapter 20, Appendix G Design patterns, Chapter 19 Development environment setup, Chapter 5 Development server, Chapter 5

- Live Server, Chapter 5 - PHP built-in, Chapter 5 - Python http.server, Chapter 5 - Vite, Chapter 5 DevTools extension, Chapter 5, Appendix G Directory structure, Chapter 5 disconnectedCallback(), Chapter 7 Discord community, Appendix G dispatchEvent(), Chapter 4, Chapter 7 Documentation resources, Appendix G DOM events, Chapter 4, Chapter 7 Drag and drop, Chapter 14 Dynamic imports, Chapter 16, Chapter 20

E

E-commerce examples, Chapter 4, Appendix G Editor configuration, Chapter 5

- JetBrains, Appendix G - Sublime Text, Chapter 5 - Vim, Chapter 5 - VS Code, Chapter 5, Appendix G Emmet, Chapter 5 Encapsulation, Chapter 7, Chapter 15 End-to-end testing, Chapter 17 Enterprise Integration Patterns, Appendix G Error boundaries, Chapter 18 Error handling, Chapter 18

- API errors, Chapter 11, Chapter 18 - Global handlers, Chapter 18 - User feedback, Chapter 18 ES Modules, Chapter 1, Chapter 5, Chapter 7 ESLint, Chapter 5 Event delegation, Chapter 7 Event envelopes, Chapter 4, Chapter 6, Appendix B Event listeners, Chapter 7 Event topics, Chapter 4, Appendix A Event-driven architecture, Chapter 2, Chapter 4 Example applications, Chapter 1, Chapter 5, Appendix G Export/import, Chapter 7

F

Feature detection, Chapter 5, Chapter 14 Fetch API, Chapter 11 File management, Chapter 14

- Downloads, Chapter 14 - Drag and drop, Chapter 14 - OPFS integration, Chapter 14 - Upload handling, Chapter 14 File paths, Chapter 1, Chapter 5 Filtering (data), Chapter 18 Firefox Developer Tools, Chapter 5 Form handling, Chapter 10

- Accessibility, Chapter 10 - Custom validation, Chapter 10 - Multi-step forms, Chapter 10 - Submission, Chapter 10 - Validation, Chapter 10 Frontend Masters, Appendix G

G

Getting started, Chapter 5 Git clone installation, Chapter 5 GitHub Discussions, Appendix G GitHub Pages, Chapter 20, Appendix G Global state, Chapter 8 Global wildcard subscriptions, Chapter 4, Chapter 17 Glossary, Appendix F Governance, Appendix G

H

Hash routing, Chapter 9 Headers (message), Chapter 4, Chapter 6 Hello World example, Chapter 5 Hierarchical topics, Chapter 4, Appendix A History API, Chapter 9 Hot module replacement, Chapter 2 HTML Templates, Chapter 7 http-server, Chapter 5

I

Icons, Chapter 19 IDE support, Chapter 5, Appendix G Import maps, Chapter 5, Chapter 20 IndexedDB, Chapter 8, Chapter 14, Appendix G Infinite scroll, Chapter 18 Initial state loading, Chapter 8 Installation options, Chapter 5

- CDN, Chapter 5 - Git clone, Chapter 5 - NPM, Chapter 5 Integration components, Chapter 20 IntersectionObserver, Chapter 4, Chapter 5, Chapter 16 Introduction, Chapter 1

J

JavaScript frameworks comparison, Chapter 2 JetBrains plugin, Appendix G jsDelivr CDN, Chapter 5, Appendix G JSON serialization, Chapter 4 JWT authentication, Chapter 12

K

Key concepts, Chapter 4

L

larc-config.mjs, Chapter 5 LARC CLI, Chapter 5, Appendix G LARC philosophy, Chapter 2 LARC story, Chapter 3 Lazy loading, Chapter 16, Chapter 20 Learning path, Chapter 1 Learning LARC (book), Chapter 1, Appendix G Lifecycle methods, Chapter 7 Lightweight architecture, Chapter 1, Chapter 2 Live Server, Chapter 5 Loading states, Chapter 11, Chapter 18 Local development, Chapter 5 Local state, Chapter 8 localStorage, Chapter 5, Chapter 8 Logging, Chapter 18

M

Markdown editor, Chapter 19 Memory management, Chapter 4, Chapter 16, Chapter 17 Message bus, Chapter 4, Chapter 17

- Configuration, Chapter 4, Chapter 17 - Debug mode, Chapter 4 - Initialization, Chapter 5 - Rate limiting, Chapter 17 - Statistics, Chapter 4, Chapter 17 Message envelope structure, Chapter 4, Chapter 6, Appendix B Message flow, Chapter 6 Message IDs, Chapter 4 Message lifecycle, Chapter 4 Message patterns, Chapter 6, Chapter 19 Message retention, Chapter 4, Chapter 8 Message routing, Chapter 4, Chapter 17 Message size limits, Chapter 4, Chapter 17 Message timestamps, Chapter 4 Message topics, Chapter 1, Chapter 4, Appendix A Message tracing, Chapter 18, Chapter 17 Message validation, Chapter 4, Chapter 17 Metadata (message), Chapter 4, Chapter 6 Method signatures, Chapter 1, Chapter 17-25 Microservices pattern, Chapter 19 Migration guide, Appendix D MIME types, Chapter 5 Mobile browser support, Chapter 5 Modal dialogs, Chapter 19 Module loading, Chapter 5, Chapter 7 Multi-step forms, Chapter 10 Multi-tenant systems, Chapter 4 MutationObserver, Chapter 16

N

Naming conventions

- Components, Chapter 1, Chapter 7 - Topics, Chapter 4, Appendix A Navigation, Chapter 9 Netlify deployment, Chapter 20, Appendix G Network errors, Chapter 11, Chapter 18 Nginx configuration, Chapter 5, Chapter 20 Node.js backend, Appendix G Notifications, Chapter 19 NPM installation, Chapter 5 NPM packages, Appendix G

O

OAuth integration, Chapter 12 observedAttributes, Chapter 7 Offline support, Chapter 14, Chapter 20 Optimistic updates, Chapter 11 Optimization, Chapter 16, Chapter 20

- Bundle size, Chapter 16, Chapter 20 - Code splitting, Chapter 16, Chapter 20 - Image optimization, Chapter 16 - Lazy loading, Chapter 16 - Performance, Chapter 16 Origin Private File System (OPFS), Chapter 5, Chapter 14, Appendix G O'Reilly conventions, Chapter 1

P

Pagination, Chapter 11, Chapter 18 PAN (Page Area Network), Chapter 1, Chapter 3, Chapter 4 pan-bus component, Chapter 4, Chapter 17

- Attributes, Chapter 17 - Configuration, Chapter 4, Chapter 17 - Events, Chapter 17 - Methods, Chapter 17 pan-button component, Chapter 19 pan-card component, Chapter 19 pan-client API, Chapter 4, Chapter 6 pan-data-table component, Chapter 18 pan-form component, Chapter 10 pan-markdown-editor component, Chapter 19 pan-routes component, Chapter 9, Chapter 17 pan-storage component, Chapter 8, Chapter 18 pan-theme-provider component, Chapter 15, Chapter 17 pan-theme-toggle component, Chapter 15, Chapter 17 pan:deliver event, Chapter 4, Chapter 6 pan:publish event, Chapter 4, Chapter 6 pan:sys.ready event, Chapter 5, Chapter 17 pan:sys.stats, Chapter 4, Chapter 17 Pattern matching (topics), Chapter 4 Performance optimization, Chapter 16

- Benchmarking, Chapter 16 - Core Web Vitals, Chapter 16 - Lazy loading, Chapter 16 - Profiling, Chapter 16 Persistence, Chapter 8, Chapter 14 Philosophy, Chapter 2 PHP server, Chapter 5, Chapter 20 Playwright testing, Chapter 17, Appendix G Plugin system, Chapter 19 Podcasts, Appendix G Polyfills, Chapter 5 Prerequisites, Chapter 1, Chapter 5 Production deployment, Chapter 20 Progressive enhancement, Chapter 5 Progressive Web Apps (PWA), Chapter 20 Project structure, Chapter 5 Promises, Chapter 6, Chapter 11 Pub/sub pattern, Chapter 4, Chapter 6 publish() method, Chapter 4, Chapter 6 Publishing components, Appendix G Pull requests, Appendix G Python backend, Appendix G Python http.server, Chapter 5

Q

Query parameters, Chapter 9 QuotaExceededError, Chapter 5, Chapter 8

R

Rate limiting, Chapter 17 React comparison, Chapter 2 Reactive patterns, Chapter 8, Appendix G Real-time features, Chapter 13

- Presence tracking, Chapter 13 - Server-Sent Events, Chapter 13 - WebSocket integration, Chapter 13 Reddit community, Appendix G Redux comparison, Chapter 2, Chapter 8 References, Appendix G Refactoring, Chapter 19 Regex patterns, Chapter 4 Registration (component), Chapter 7 Related projects, Appendix G Release notes, Appendix G Remote data, Chapter 11 Rendering optimization, Chapter 16 replyTo field, Chapter 4, Chapter 6 request() method, Chapter 4, Chapter 6 Request/reply pattern, Chapter 4, Chapter 6 ResizeObserver, Chapter 16 Resources, Appendix G REST API design, Chapter 11, Appendix G Retained messages, Chapter 4, Chapter 8

- LRU eviction, Chapter 4 - Memory limits, Chapter 4 - State synchronization, Chapter 8 Retry logic, Chapter 11 RFC process, Appendix G Roadmap, Appendix G Routing, Chapter 9

- Client-side, Chapter 9 - Hash routing, Chapter 9 - History API, Chapter 9 - Message routing, Chapter 4 - Nested routes, Chapter 9 - Query parameters, Chapter 9

S

Safari Web Inspector, Chapter 5 Sandbox mode, Chapter 20 Scaffolding tools, Chapter 5, Appendix G Scope (component), Chapter 7, Chapter 15 Security, Chapter 12, Chapter 20

- Authentication, Chapter 12 - Authorization, Chapter 12 - CSP, Chapter 20 - XSS prevention, Chapter 20 Semantic routing, Chapter 4 Server-Sent Events (SSE), Chapter 13 Service Workers, Chapter 20 Session management, Chapter 12 Setup, Chapter 5 Shadow DOM, Chapter 1, Chapter 5, Chapter 7, Chapter 15

- CSS encapsulation, Chapter 15 - Debugging, Chapter 5 - Styling, Chapter 15 Shopping cart example, Chapter 4, Chapter 8 Single Page Applications (SPA), Chapter 9 Slot elements, Chapter 7, Chapter 19 Smashing Magazine, Appendix G Social media, Appendix G Software requirements, Chapter 5 Sorting (data), Chapter 18 Stack Overflow, Appendix G State management, Chapter 8

- Cross-tab sync, Chapter 8 - Local state, Chapter 8 - Persistent state, Chapter 8 - Shared state, Chapter 8 - State publisher pattern, Chapter 8 State persistence, Chapter 8 State snapshots, Chapter 4, Chapter 8 State synchronization, Chapter 4, Chapter 8 Static hosting, Chapter 20, Appendix G Storage APIs, Chapter 8, Chapter 14 Story (LARC origin), Chapter 3 Streaming data, Chapter 13 Style encapsulation, Chapter 7, Chapter 15 Styling components, Chapter 15 Sublime Text configuration, Chapter 5 subscribe() method, Chapter 4, Chapter 6 Subscription cleanup, Chapter 4, Chapter 7 Subscription patterns, Chapter 4, Chapter 6 Svelte comparison, Chapter 2 System themes, Chapter 15

T

Tab synchronization, Chapter 8, Chapter 13 Table components, Chapter 18 Task list example, Chapter 4, Chapter 5 Templates (HTML), Chapter 7 Testing, Chapter 17

- Component testing, Chapter 17 - E2E testing, Chapter 17 - Integration testing, Chapter 17 - Unit testing, Chapter 17 - Visual regression, Chapter 17 Testing resources, Appendix G Theme switching, Chapter 15 Theming, Chapter 15

- CSS Custom Properties, Chapter 15 - Dark mode, Chapter 15 - System preferences, Chapter 15 Throttling, Chapter 16 Time-to-Interactive (TTI), Chapter 16 Timestamps (message), Chapter 4 Toast notifications, Chapter 19 TodoWrite patterns, Chapter 19 Topic conventions, Chapter 1, Chapter 4, Appendix A Topic hierarchies, Chapter 4, Appendix A Topic patterns, Chapter 4 Topic wildcards, Chapter 4 Tracing (message), Chapter 18, Chapter 17 Training resources, Appendix G Tree shaking, Chapter 20 Troubleshooting, Chapter 5, Chapter 18

- Component loading, Chapter 5 - CORS errors, Chapter 5 - Message delivery, Chapter 5 - Storage quota, Chapter 5 - Styling issues, Chapter 5 TTL (Time To Live), Chapter 4 Tutorial book, Chapter 1, Appendix G Twitter/X, Appendix G Type definitions, Chapter 5, Appendix G TypeScript support, Chapter 1, Chapter 5 Typographical conventions, Chapter 1

U

UI components, Chapter 19 Undo/redo, Chapter 8, Chapter 19 Unit testing, Chapter 17 unpkg CDN, Chapter 5, Appendix G Unsubscribe, Chapter 4, Chapter 7 Upload handling, Chapter 14 URL routing, Chapter 9 User authentication, Chapter 12 User input handling, Chapter 10 Utility components, Chapter 21 UUID generation, Chapter 4

V

Validation - Form validation, Chapter 10 - Message validation, Chapter 4, Chapter 17 Vercel deployment, Chapter 20, Appendix G Video tutorials, Appendix G Vim configuration, Chapter 5 Virtual DOM, Chapter 2, Chapter 4 Virtual scrolling, Chapter 16, Chapter 18 Visual regression testing, Chapter 17 Vite, Chapter 5, Chapter 20 Vue comparison, Chapter 2 VS Code extension, Chapter 5, Appendix G

W

Web Components, Chapter 1, Chapter 4, Chapter 7, Appendix G

- Browser support, Chapter 5 - Custom Elements, Chapter 7 - HTML Templates, Chapter 7 - Shadow DOM, Chapter 7, Chapter 15 - Standards, Appendix G Web Performance, Chapter 16, Appendix G Web Test Runner, Chapter 17, Appendix G web.dev, Appendix G webcomponents.org, Appendix G WebSocket integration, Chapter 13, Appendix G WebStorm, Chapter 5 Webpack, Chapter 1, Chapter 20 Who should read this book, Chapter 1 Wildcard subscriptions, Chapter 4, Chapter 17 window.panClient, Chapter 5, Chapter 6 window.__panReady, Chapter 5, Chapter 17 Workshops, Appendix G

X

XSS prevention, Chapter 20

Y

YouTube tutorials, Appendix G

Z

Zero-build development, Chapter 1, Chapter 2, Chapter 5

- Philosophy, Chapter 2 - Workflow, Chapter 5


Appendices

Appendix A: Message Topic Conventions Appendix B: Event Envelope Specification Appendix C: Configuration Reference Appendix D: Migration Guides Appendix E: Code Recipes Appendix F: Glossary Appendix G: Resources

Components Quick Reference

Core Components (Chapter 17)
  • pan-bus
  • pan-theme-provider
  • pan-theme-toggle
  • pan-routes
Data Components (Chapter 18)
  • pan-store
  • pan-storage
  • pan-data-table
  • pan-list
  • pan-filter
  • pan-sort
UI Components (Chapter 19)
  • pan-button
  • pan-card
  • pan-modal
  • pan-toast
  • pan-tabs
  • pan-accordion
  • pan-markdown-editor
Integration Components (Chapter 20)
  • pan-http
  • pan-websocket
  • pan-sse
  • pan-auth
  • pan-analytics
Utility Components (Chapter 21)
  • pan-logger
  • pan-validator
  • pan-debounce
  • pan-throttle

This index references chapters and appendices by title. Page numbers would be added in print editions.