Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Stencil / web components?

See original GitHub issue

So Ionic has recently put out an impressive HNPWA (here) based on their Stencil, a “Compiler for Web Components” (site). This made me wonder: can storybook be used with web components? Would it require something specific to this Stencil to be used with it?

Issue Analytics

State:
Created 6 years ago
Reactions:14
Comments:11 (8 by maintainers)

Top GitHub Comments

21reactions

ndelangencommented, Nov 6, 2017

Yes, if we can keep #2225 working the way it does now, we could actually rename it to Storybook for WebComponents! 🎉

14reactions

leonrodenburgcommented, Nov 6, 2017

I looked at the code of #2225 again, and the current rendering code of Storybook for Polymer does not actually depend on Polymer. It just renders plain web components and would also work for Stencil / Skate JS / … (fill in any other web components compliant framework). @ndelangen Maybe we should try to keep Storybook for Polymer framework-agnostic and rename it to Storybook for Web Components in the future?

Once the support for web components is added I can help set up example projects for Stencil or any other frameworks.

Top Results From Across the Web

A Compiler for Web Components - Stencil.js

Stencil is a compiler that generates Web Components (more specifically, Custom Elements). Stencil combines the best concepts of the most popular frameworks ...

How to Create Web Components with Stencil - YouTube

In this video we will create a standard web component using Stencil and afterwards integrate the web component into an Ionic Angular project ......

Creating Web Components with Stencil - Auth0

Unlike Polymer and X-Tag, Stencil is not another library that allows you to use Web Components in your project. It is a building...

List of Awesome Web Components Built with StencilJS - GitHub

Telements - The Telements library offers a set of customizable UI components written with Stencil.js & TypeScript. Component Libraries. RevoGrid - Powerful data ......

How To Build Web Components Using Stencil JS - Enappd

Stencil is a compiler that generates Web Components (more specifically, Custom Elements). Stencil combines the best concepts of the most popular frameworks ...