This document provides an overview of Lightning Web Components including how to create them, work with data, communicate between components, use them in Salesforce experiences, debug them, and test them. It also discusses migrating from Aura components to Lightning Web Components and coexistence between the two frameworks.
This document provides an overview of Lightning Web Components including how to create them, work with data, communicate between components, use them in Salesforce experiences, debug them, and test them. It also discusses migrating from Aura components to Lightning Web Components and coexistence between the two frameworks.
This document provides an overview of Lightning Web Components including how to create them, work with data, communicate between components, use them in Salesforce experiences, debug them, and test them. It also discusses migrating from Aura components to Lightning Web Components and coexistence between the two frameworks.
Documentation Updates Supported Browsers Supported JavaScript Supported Salesforce Experiences and Tools Lightning Component Library Hello World in the Playground Set Up Your Dev Environment Development Workflows Develop in Scratch Orgs Hello World in a Scratch Org Develop in Non-Scratch Orgs Explore Trailhead and Sample Code Create Lightning Web Components Define a Component Component Folder Component HTML File Component JavaScript File Component Configuration File Component CSS File Component SVG Icon Additional JavaScript Files Component Tests Component Namespaces HTML Templates Data Binding in a Template Render HTML Conditionally Render Lists CSS Lightning Design System Aura Styles and Design Tokens CSS Style Sheets JavaScript JavaScript Properties JavaScript Property Names Reactive Properties Public Properties Tracked Properties Data Types Boolean Properties Private Properties Reflect Properties Share JavaScript Code Use Third-Party JavaScript Libraries Call APIs from JavaScript Composition Compose Components Set Properties on Children Call Methods on Children Pass Markup into Slots Access Elements the Component Owns Shadow DOM Slots Vs Data Access Salesforce Resources Static Resources Content Asset Files SVG Resources Labels Internationalization Current User ID Component Accessibility Accessibility Attributes Handle Focus Lifecycle Hooks Lifecycle Flow constructor() connectedCallback() and disconnectedCallback() renderedCallback() errorCallback() Communicate with Events Create and Dispatch Events Handle Events Configure Event Propagation Communicate Between Components Events Best Practices Work with Salesforce Data Lightning Data Service Use Base Components Load a Record Edit a Record Create a Record Change the Form Display Density Create a Data Table Usage Considerations Get Data with Wire Service Get Record Data Create Records Handle Errors Call Apex Methods Call APIs from Apex Continuations Work with a Continuation in an Apex Class @AuraEnabled Annotations for Continuations Continuation Example Continuation Limits Security with Lightning Locker JavaScript Strict Mode Enforcement DOM Access Containment Secure Wrappers Third-Party Web Components Salesforce Global Variables Unsupported Browsers Lightning Locker Tools Content Security Policy Overview Use Components in Salesforce Experiences View Components in Setup Lightning App Builder Tips for Lightning App Builder Community Builder Form Factors Outlook and Gmail Standalone Apps Visualforce Pages AppExchange Make a Component Width-Aware Component Record Context Component Object Context Navigate to Pages, Records, and Lists Basic Navigation Add Query Parameters Navigate to Different Page Types Open Files Display a Toast Notification Use Components Outside Salesforce Lightning Out Requirements Lightning Out Dependencies Lightning Out Markup Authentication from Lightning Out Share with Unauthenticated Users Lightning Out Considerations and Limitations Aura Coexistence Composition Events Share JavaScript Code Migrate Aura Components Migration Strategy Pick a Component to Migrate Migrate Component Bundle Files Migrate Markup Migrate Attributes Migrate Iterations Migrate Conditionals Migrate Expressions Migrate Global Value Providers Migrate Initializers Migrate Facets Migrate Base Components Migrate Registered Events Migrate Event Handlers Migrate Access Controls Migrate Events Migrate Interfaces Migrate CSS Migrate JavaScript Migrate Apex Data Binding Behavior Differences With Aura Base Components: Aura Vs Lightning Web Components Debug Lightning Web Components Enable Debug Mode Chrome DevTools Test Lightning Web Components Install Jest Run Jest Tests Write Jest Tests Write Jest Tests for Wire Service End-to-End Tests Reference Configuration File Tags HTML Template Directives Decorators Lifecycle Hooks @salesforce Modules lightning/ui*Api Wire Adapters and Functions Supported Objects lightning/uiListApi (Beta) getListUi (Beta) lightning/uiObjectInfoApi getObjectInfo getPicklistValues getPicklistValuesByRecordType lightning/uiRecordApi createRecord(recordInput) createRecordInputFilteredByEditedFields(recordInput, originalRecord) deleteRecord(recordId) generateRecordInputForCreate(record,objectInfo) generateRecordInputForUpdate(record, objectInfo) getFieldValue(record, field) getFieldDisplayValue(record, field) getRecord getRecordCreateDefaults getRecordUi updateRecord(recordInput, clientOptions) PageReference Types
Ultimate Salesforce LWC Developers’ Handbook: Build Dynamic Experiences, Custom User Interfaces, and Interact with Salesforce data using Lightning Web Components (LWC) for Salesforce Cloud (English Edition)