Learn next
Web Components
Custom elements, Shadow DOM, templates and slots. Used for design systems that must work across React, Angular, and Vue.
You're done when
- You can build a custom element with attributes, events, and slots.
These are the platform features underneath frameworks. You will not use them every day, but they solve problems frameworks can't: offline support, framework-agnostic components, and heavy work off the main thread.
Custom elements, Shadow DOM, templates and slots. Used for design systems that must work across React, Angular, and Vue.
Installable apps, offline caching strategies, background sync, and push notifications.
Moving heavy computation off the main thread to keep the UI responsive (and INP low).
You know which platform feature solves which problem and can use each when it is the right tool.
Stage project
A notes app that works fully offline and syncs when the connection returns.
Last reviewed · Full roadmap