Build Lightning Web Components

Develop reusable Lightning web components using JavaScript and HTML.

• Set up your developer environment and create your first Lightning web component.
• Install developer tools for building Lightning web components.
• Build reusable, performant components that follow modern web standards.
• Install developer tools to build Lightning web components for mobile.
• Develop Lightning web components that interact with data in your Salesforce org.
• Test Lightning web components with Jest.
• Learn basic troubleshooting techniques for Lightning web components using Chrome DevTools.
• Leverage your Aura components skills to learn about Lightning web components.
• Discover how your Visualforce knowledge applies to Lightning Web Components.
• Use Lightning Web Components to build a bear-tracking app.
• Explore different approaches to communicating between Lightning web components.

• Quick Start: Lightning Web Components
• Set Up Your Salesforce DX Environment
• Set Up Visual Studio Code
• Create a Hello World Lightning Web Component
• Set Up Your Lightning Web Components Developer Tools
• Install Development Tools
• Create a Lightning Web Component
• Analyze Your Code and Deploy It to Your Org
• Lightning Web Components Basics
• Discover Lightning Web Components
• Create Lightning Web Components
• Deploy Lightning Web Component Files
• Handle Events in Lightning Web Components
• Add Styles and Data to a Lightning Web Component
• Set Up Your Salesforce Mobile Developer Tools for Lightning Web Components
• Install Salesforce Mobile App Simulator for iOS
• Install Salesforce Mobile App Emulator for Android
• Use Salesforce Mobile Developer Tools
• Use Browser Tools to Help You Debug
• Lightning Web Components and Salesforce Data
• Use Lightning Data Service to Work with Data
• Use Apex to Work with Data
• Handle Server Errors
• Lightning Web Components Tests
• Get Started with Testing
• Set Up Jest Testing Framework
• Write a Jest Test
• Write a Jest Test for Wire Service
• Mock Other Components
• Lightning Web Component Troubleshooting
• Get Ready to Troubleshoot
• Use Breakpoints
• Monitor JavaScript Execution
• Lightning Web Components for Aura Developers
• Understand How Lightning Web Components Work with Aura Components
• Migrate Markup and CSS
• Migrate JavaScript
• Work with Salesforce Data
• Compose Components
• Communicate with Events
• Lightning Web Components for Visualforce Developers
• Get Started with Lightning Development
• Learn How Coding Concepts Apply to Lightning Web Components
• Handle User Actions in JavaScript
• Work with Salesforce Data
• Use the Navigation Service and Reuse Visualforce
• Build a Bear-Tracking App with Lightning Web Components
• Create a Hello World Lightning Web Component
• Work with a Single Record
• Work with Lists of Records
• Create a Child Component and Interact with It
• Communicate with Components Across an App
• Communicate Between Lightning Web Components
• Communicate from Child to Parent
• Communicate from Parent to Child
• Communicate Between Unrelated Components