Stencil
Stencil is a compiler-based toolchain for building reusable, scalable web components using TypeScript and JSX. It generates standards-compliant custom elements that work across modern frameworks like React, Angular, and Vue, or with no framework at all. It focuses on performance by producing highly optimized, framework-agnostic components with features like lazy-loading and server-side rendering.
Developers should use Stencil when they need to create a design system or component library that must be interoperable across multiple frameworks in a large organization or ecosystem. It's particularly valuable for teams building micro-frontends or maintaining consistency in enterprise applications where different parts use different technologies. Stencil is also a good choice for performance-critical applications due to its small bundle sizes and efficient runtime.