Lightning Web Component Development | Salesforce

Create a Salesforce project in Visual Studio Code using the SFDX CLI, authorize your org, and retrieve and deploy components with a manifest and package.xml.

Learn to create a Lightning web component, define a property in the JavaScript controller, and bind it one-way to the HTML template to display dynamic data.

Learn how to implement two-way data binding in lightning web components by using track decorators, reactive properties, and bidirectional data flow between templates and controllers through input events.

Explore conditional rendering in Lightning web components by using if true and if false directives on nested templates, toggling a boolean track property with a button to display text.

Learn to render multiple templates in a lightning web component by importing templates, using the render method, and switching between sign in and sign up forms with per-template styling.

Explore parent to child communication in lightning web components by passing data from a parent to a child using a public @api property and rendering it in the child.

Learn how to enable communication between unrelated Lightning web components using the Lightning message service, including creating a message channel, publishing with operator and constant, and subscribing to receive updates.

Demonstrates imperative Apex calls from an LWC component using connected callback, fetching five accounts and displaying id and name in a Lightning data table with promise handling.

Learn to use the for:each loop in lightning web components to fetch accounts with @wire and display account names efficiently, using template and key directive for optimal updates.

Learn how to pass user input from a lightning web component to an Apex controller using @wire with parameters, fetch ten accounts, and implement a dynamic search on account name.

Learn how to pass parameters from a lightning web component to an Apex method using the imperative approach, triggered by a button, with a live search and data table results.

Learn how to use the refresh apex function in lightning web components to refresh wired data after deleting accounts, updating the page without a full reload.

See how wrapper classes in lightning web components consolidate account and contact data into one wrapper list for a data table, including a hyperlink for account names.

Learn to build a hierarchical tree grid in lwc using lightning-tree-grid, fetch accounts with related contacts, nest data under _children, and handle row selection.

Learn to use the navigation mixin in Lightning web components to navigate to tab pages, object pages, list views, web pages, and file previews by specifying type, attributes, and state.

Develop a lightning web component with a combo box that uses label and value, fetch accounts via imperative apex, and display the selected account id on change.