lwc-patterns

What problem does it solve? Salesforce developers building Lightning Web Components often struggle with choosing between wire and imperative Apex calls, structuring parent-child communication, and avoiding security pitfalls like XSS via innerHTML. This Skill provides a consolidated reference of proven LWC patterns so components are built correctly the first time. ## Core Features & Use Cases - Component Architecture Guidance: Separates container components (data, wire adapters, Apex) from presentational components (@api props, events) with correct naming conventions. - Data Access Patterns: Shows when to use @wire with reactive properties versus imperative async Apex calls, including error handling templates. - Security & Performance Rules: Covers XSS prevention, event bubbling configuration, lifecycle cleanup in disconnectedCallback, and meta XML target configuration. - Use Case: When building a record page component that loads related contacts and notifies a parent on save, apply the wire pattern with $recordId, dispatch a CustomEvent with detail payload, and render errors with the SLDS alert template. ## Quick Start Ask the AI to build a Lightning Web Component that loads contacts for the current record and handles errors following the lwc-patterns guidelines.