Lightning Web Components

Lightning Web ComponentsBuild modern UIs with LWC: reactivity, data access with LDS / wire / GraphQL, communication, SLDS 2, navigation, Jest testing, security and LWR.

LWC Fundamentals: Learn the Web Components standards Lightning Web Components are built on, how a component bundle is structured, how templates, reactivity, decorators and lifecycle hooks work, and how to configure and ship your first real component.

Working with Salesforce Data in LWC: Read and write Salesforce data from Lightning Web Components the right way: Lightning Data Service and its cache, base record forms, UI API wire adapters, the lightning/graphql module with mutations, Apex via @wire and imperative calls, refresh strategies, error handling and how to choose between them.

Component Communication: Design how Lightning Web Components talk to each other: @api properties and methods, CustomEvents and shadow DOM propagation, slots, Lightning Message Service, state managers with @lwc/state, Flow integration and container/presentational architecture, ending with a full master-detail example.

Base Components, SLDS and Styling: Use the Lightning base component library effectively (including a production-grade lightning-datatable), style components the supported way with SLDS 2, global styling hooks and dark mode, understand CSS in shadow DOM and Light DOM, load third-party libraries, and build accessible, responsive UIs.

Navigation, Modals, Toasts and Actions: Wire your components into the Lightning Experience shell: navigate with NavigationMixin and PageReferences, read URL state, show toasts and modals, build quick actions, Flow screen components, console and utility bar integrations, and URL-addressable components.

Testing LWC with Jest: Write fast, reliable unit tests for Lightning Web Components with sfdx-lwc-jest: rendering and querying shadow DOM, async timing, mocking Apex, wire adapters, navigation, toasts and modals, accessibility checks with sa11y, coverage in CI, and where UTAM end-to-end tests fit.

LWC Security and Performance: How Lightning Web Security and Lightning Locker sandbox your code, how CSP and Trusted URLs control what you can load, how to avoid XSS and over-exposed Apex, and how to make components fast: LDS caching, cacheable Apex, lazy loading, large lists, debouncing and profiling.

LWC Beyond Lightning Experience: Run Lightning Web Components everywhere: Experience Cloud (Aura and LWR sites), external apps with Lightning Out 2.0, open-source LWC and LWR on Node.js, the Salesforce mobile app with device capabilities and offline, Field Service, Agentforce custom UIs with Lightning types, and strategies for migrating Aura and Visualforce.

With Sharing needs JavaScript to run. Turn it on to browse the catalogue and read lessons.