Lightning Web Components Video Gallery

Get short, topic-specific videos to help you learn

Astro and Codey Builders
  • Anatomy of an LWC(~5 min)

    Learn the basic structure of Lightning Web Components and how they leverage modern web standards.

    Features

    Lightning Web ComponentsComposition@trackEvents
  • Create a Salesforce DX Project and Lightning Web Component(~8 min)

    Learn how to create a Salesforce DX project and why it matters for your Lightning Web Component development.

    Features

    Lightning Web ComponentsSalesforce CLISalesforce ExtensionsSalesforce DX
  • Using Metadata-Aware Base Lightning Components(~4 min)

    Learn how to use powerful metadata-aware Base Lightning Components like lightning-record-form to view and edit data.

    Features

    Lightning Web ComponentsLightning Data ServiceCompositionBase Lightning Components
  • Wire an Apex Method to a Property(~4 min)

    Learn how to use the @wire JavaScript decorator to automatically invoke an Apex method from a Lightning web component and assign the result to a property.

    Features

    Lightning Web ComponentsApex@wire
  • Parent-Child Components(~7 min)

    Learn how to pass values from a parent to a child component, and how to send data from a child component to a parent component.

    Features

    Lightning Web ComponentsCompositionEvents@api
  • Compose for App Builder(~6 min)

    Learn how to create a Lightning Web Component that can be customized in Lightning App Builder.

    Features

    Lightning Web ComponentsCompositionLightning App Builder
  • Aura Component Interoperability(~4 min)

    Learn how Lightning web components and Aura components can coexist and interoperate.

    Features

    Lightning Web ComponentsAura ComponentsInteroperabilityComposition
  • The Salesforce CLI and Lightning Web Components(~11 min)

    Learn how to use the Salesforce CLI to deploy Lightning Web Components to any development environment and to production.

    Features

    Lightning Web ComponentsSalesforce CLIDeployment
  • The Lightning Web Components Extension for Visual Studio Code(~7 min)

    Learn how to use the key features of the Lightning Web Components extension to become effective in your favorite IDE.

    Features

    Lightning Web ComponentsESLintIntellisenseSalesforce CLISalesforce Extensions
  • Debug Lightning Web Components(~7 min)

    Learn how to debug your Lightning web components using browser based tools.

    Features

    Lightning Web ComponentsChrome DevToolsDebugging
  • Set up Unit Testing for Lightning Web Components(~8 min)

    Learn how to set up your environment for unit testing Lightning Web Components, and how to approach your first test.

    Features

    Lightning Web ComponentsJestUnit Testing