Stencil Web Components

A guide to creating high-performance, framework-agnostic web components using Stencil's compiler and decorator-based API.

Usage

Ask about Stencil components, decorators, framework wrappers, or web component distribution.

Examples

• "Create a reusable card component with Stencil"
• "How do I generate React wrappers for Stencil components?"
• "Set up lazy loading for a component library"

Guidelines

• Use @Prop() for external properties and @State() for internal state
• Leverage @Watch() for prop change reactions
• Use @Event() and @Listen() for component communication
• Generate framework-specific wrappers for better DX
• Test components with Stencil's built-in testing utilities