Your first Lightning Web Component, line by line
HTML template, JavaScript class, XML metadata — a working component on a record page in half an hour, every line explained.
Video
35m
04 Jan 2026
| Time | Chapter |
|---|---|
| 00:00 | What LWC is and is not |
| 02:50 | Scaffolding with the CLI |
| 08:15 | The template: HTML with directives |
| 15:30 | The class: @api, @wire, getters |
| 24:00 | Deploying and adding to a record page |
| 30:20 | Where to go from here |
HTML template, JavaScript class, XML metadata — a working component on a record page in half an hour, every line explained.
What you will see
VS Code and an org side by side. We deploy after every change so you see exactly which line caused which pixel.
Mentioned in this video
The LWC debounce snippet, and the lwc-datatable-plus project this component eventually grew into.
