Lightning Web Component: This is a new programming model for developing lightning components. It uses the W3C web standard for building the component that makes it better, robust, and powerful/fast. LWC is a lightning-weight framework based on the web standard, it uses custom elements, templates, shadow DOM, events, modules, and others that are available in the latest ECMAScript.
LWC uses API based on the UI-API for better performance, which makes it less Apex to write, and calling server-side is a less painful experience.
LWC is a combination of Aura Framework and web components, so the developer who has experience in web components can get into it faster and of course, the developer who worked with the Aura Framework already knows the standard components and syntax. If you already worked with Aura Framework then you just need to translate the old syntax (Aura) to new (LWC) and believe me this is very easy. 🙂
Below are very useful Trailhead (Module) links that you can follow to learn LWC: Start learning in the order links are given that will help you to understand things better.
- Quick Start: Lightning Web Components
- Lightning Web Components Basics
- Set Up Your Lightning Web Components Developer Tools
- Lightning Web Components for Aura Developers
- Build a Bear-Tracking App with Lightning Web Components
- Lightning Data Service Basics for Aura Components
- Lightning Web Component Videos by Salesforce (topic-specific videos)
Alert, Confirm, and Prompt Modules in LWC
To generate notifications from your Lightning web components, use the new modules LightningAlert, LightningConfirm, and LightningPrompt instead of native APIs.
Use wire adapters to get related list records.
Use wire adapters to get related list record information without writing an apex code.
Random Color Picker LWC
Random color picker LWC component => Generate random color code. =>Copy the hex color code in the clipboard
Lightning Web Component Local Development Setup# and Installation
Develope Lightning Web Component Locally | Local Development.