Lightning Web Components Recipes
A collection of easy-to-digest code examples for Lightning Web Components. Each recipe demonstrates how to code a specific task in the fewest lines of code possible while following best practices.
Quick Start
Get up and running with LWC Recipes in your Salesforce org.Installation
Install the app using a scratch org, unlocked package, or Developer Edition
Quickstart Guide
Learn the basics and explore your first components
Component Reference
Browse 123+ ready-to-use component examples
Explore by Topic
Master Lightning Web Components through practical examples organized by category.Basics
Start with Hello World, data binding, conditional rendering, and iteration
Data Access
Learn Lightning Data Service, Wire Service, Apex integration, and GraphQL
Events
Handle user interactions and component communication with events
Composition
Build complex UIs by composing smaller, reusable components
Navigation
Navigate to records, pages, and apps using the Navigation Service
Styling
Style components with CSS, SLDS, and Lightning Design System hooks
Key Features
123+ Component Examples
Comprehensive collection covering all aspects of Lightning Web Components
Real-World Patterns
Production-ready examples demonstrating best practices
Third-Party Libraries
Integration examples for Chart.js, D3, FullCalendar, and more
Fully Tested
All components include Jest unit tests
Advanced Topics
Take your Lightning Web Components skills to the next level.Third-Party Libraries
Integrate Chart.js, D3, FullCalendar, and other JavaScript libraries
Lightning Message Service
Enable communication across the DOM and between Lightning web components, Aura components, and Visualforce pages
Workspace API
Manage console tabs, subtabs, and workspace behavior programmatically
Testing
Write comprehensive Jest unit tests for your components
Resources
Trailhead Project
Complete the Quick Start: Explore the LWC Recipes Sample App on Trailhead
GitHub Repository
Explore the source code, report issues, and contribute
LWC Documentation
Official Lightning Web Components documentation
Component Library
Browse base Lightning components and reference documentation