Build reusable UI components using this lightweight, open-source framework. LWC leverages custom elements, templates, shadow DOM, decorators, modules, and other new language constructs available in ECMAScript 7 and beyond.
Use the Lightning Web Components (LWC) framework to build custom user interfaces, web and mobile apps, and digital experiences on the Salesforce Platform.
Learn about the latest base components and how you can use them to speed up development.
Learn how to install and use the Salesforce extensions for VS Code.
Learn how to use LWCs in standard web apps.
Learn how to build secure LWCs and Aura components that work with Lightning Web Security (LWS) or the legacy architecture Lightning Locker.
Use a single command-line interface for the Salesforce Platform and all Salesforce DX features.
Access tools for developing on the Salesforce Platform in the lightweight, extensible VS Code editor.
Analyze your source code to ensure it meets code quality standards.
Learn how to check your components for compliance with Salesforce Lightning Design System (SLDS) guidelines.
Learn how to validate your components against SLDS guidelines or use the auto-complete feature to scan your code as you write it.
Check your JavaScript code’s compatibility with Lightning Web Security (LWS).
Look up details for distortions of the JavaScript APIs that LWS blocks or modifies.
Develop reusable Lightning Web Components using JavaScript and HTML.
Discover how your Visualforce knowledge applies to Lightning Web Components.
A collection of easy-to-digest code examples for Lightning Web Components on Salesforce Platform. Each recipe demonstrates how to code a specific task in about 30 lines of code or less. A View Source link takes you right to the code in GitHub. From Hello World to data access and third-party libraries, there is a recipe for that!
Sample retail application. This application helps E-Bikes, a fictitious electric bicycle manufacturer, manage their products and reseller orders using a rich User Experience. Explore this application, that also integrates with Salesforce Communities, and learn how to build rich User Experiences with Lightning Web Components using different data access strategies.
Sample real estate application. DreamHouse is a fictitious real estate company. This application helps DreamHouse brokers manage their properties and their customers. The application also helps prospective home buyers find their dream house via a custom mobile app. Regardless of the industry you work in, this app demonstrates how to build rich and immersive user experiences with Lightning Components.
A collection of easy-to-digest code examples for Lightning Web Components Open Source. Each recipe demonstrates how to code a specific task in about 30 lines of code or less. A View Source link takes you right to the code in GitHub. From Hello World to data access and third-party libraries, there is a recipe for that!
This collection of code examples helps you move from Visualforce to Lightning Web Components. Each example shows a typical Visualforce pattern and its equivalent LWC implementation. On each example, there's a link that takes you right to the Visualforce or LWC code in GitHub. The examples demonstrate heavy usage of base components and features, such as Lightning Data Service.
Sign up to receive the monthly Salesforce Developer Newsletter so you never miss the latest announcements, blogs, videos, or Agentforce NOW events.
