force-app – reality.jung

sfdx-lwc-jest : Lightning Web Component Unit Test Setup

Installation and Run Run Jest directly from where the Jest was installed in the project using the following Node command: @salesforce/sfdx-lwc-jestRun Jest against Lightning Web Components in a Salesforce DX work environment output log with no unit test available in a project Automate Test Scripts with Package.json and npm if you want…

LWC Playground

https://developer.salesforce.com/docs/component-library/tools/playground

Lightning Web Component Core Modules

lwc/engine.d.ts

connectedCallback() – Lifecycle Hooks

Lifecycle FlowThis diagram shows the flow of the component lifecycle from creation through render. Run Code When a Component Is Inserted or Removed from the DOM The connectedCallback() lifecycle hook fires when a component is inserted into the DOM. The disconnectedCallback() lifecycle hook fies when a component is removed from the DOM….

Lightning Web Component Library

https://developer.salesforce.com/docs/component-library/bundle/lightning-platform-show-toast-event/documentation Platform Show Toast Event Descriptorlightning-platform-show-toast-event ExperienceLightning Experience DocumentationDisplay toaster to provide feedback to a user following action, such as after a record is created. You can style a toast to provide information, an error, success, or a warning. You can also configure the visibility of the toast. It can remain visible…

SFDX Create Apex Class

SFDX: Create Apex Class — Salesforce CLI Tracked Properties To track a private property’s value and rerender a component when it changes, decorate the property with @track. Tracked properties are also called private reactive properties. You can use a tracked property directly in a template. You can also a tracked property indirectly…

Lightning Web Component

Folder Directory: lwcFile Name: lwc-button .js-meta.xml file contains information about connected web components. .js-meta.xml file contains information where this lightning web component can be inserted. Each js file contains two controller logics for components.