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 GH
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 5I
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 12K
Key concepts, Chapter 4L
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 18M
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 8R
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 4V
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 GW
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 20Y
YouTube tutorials, Appendix GZ
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: ResourcesComponents Quick Reference
Core Components (Chapter 17)- pan-bus
- pan-theme-provider
- pan-theme-toggle
- pan-routes
- pan-store
- pan-storage
- pan-data-table
- pan-list
- pan-filter
- pan-sort
- pan-button
- pan-card
- pan-modal
- pan-toast
- pan-tabs
- pan-accordion
- pan-markdown-editor
- pan-http
- pan-websocket
- pan-sse
- pan-auth
- pan-analytics
- pan-logger
- pan-validator
- pan-debounce
- pan-throttle
This index references chapters and appendices by title. Page numbers would be added in print editions.