A collection of easy-to-digest code examples for Lightning Web Components Open Source. Each recipe demonstrates how to code a specific task in 30 lines of code or less. A View Source link takes you right to the code in GitHub. From Hello World to data access and third-party libraries, there is a recipe for that!
Learn more about this app by completing the Quick Start: Explore the Lightning Web Components OSS Recipes Sample App Trailhead project.
Check out https://lwc-recipes-oss.herokuapp.com live on Heroku. Or on https://recipes.lwc.dev.
If you want to deploy LWC Recipes Open Source to Heroku - there's a button for that.
- Clone the
lwc-recipes-oss
repository:
git clone https://github.com/trailheadapps/lwc-recipes-oss
cd lwc-recipes-oss
- Install the project dependencies using
npm
(oryarn
, if you prefer that alternatively)
npm install
- Start the app in watch mode.
npm run dev
- Enjoy the app!
Code Tours are guided walkthroughs that will help you understand the app code better. To be able to run them, install the CodeTour VSCode extension.