Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Stencil – A reusable web component generator

stenciljs.com

Post reply on HN
Print view View original

21–30 of 107 posts

Re: Stencil – A reusable web component generator

#21

Post by Mayzie »

andreashansen wrote: post #16
ubersoldat2k7 wrote: post #11

Earlier quoted context omitted.

basically Chrome (I just saved you a click)

Although, their demo works perfectly fine in Firefox: https://corehacker-10883.firebaseapp.com/

It's probably using a polyfill for the functionality.[1]

[1] - https://www.webcomponents.org/polyfills#custom-elements-poly...

Re: Stencil – A reusable web component generator

#22

Post by ubersoldat2k7 »

manucorporat wrote: post #17
ubersoldat2k7 wrote: post #13

Earlier quoted context omitted.

Great, that makes so much sense. But then, how about other dependencies that might come into play? For example, underscore, is that "packaged" with this generated JS file or some other way around? Thanks for the prompt response BTW.

No, Stencil.js is like a "real stencil", it is used to produce something, but it is not in the final product. There is nothing like "window.stencil" or any stencil related API in the output of the stencil compiler. It generates vanilla JS web components without dependencies. The documentation of stencil linked in this HN post was in fact created with stencil itself. Just open the Dev Tools!

OK, so if I want to use a calendar Stencil (there will be lots of this for sure), which depends on Moment I would have to include Moment into my dependencies and manage all the dependency clashing (the stencil used 2.x but I'm using 1.x)

Re: Stencil – A reusable web component generator

#24

Post by factsaresacred »

This could be amazing, whatever it is. But that's the problem.

I have to squint to see the font, there's two headers with two different slogans and a paragraph consisting of 12 words that tell me to go to the docs without providing a link.

The rest of the landing page is white-space.

Come on. Woo the visitor. First impressions are everything, and this fails.

At the very least move 'What is Stencil?' to the landing page.

Re: Stencil – A reusable web component generator

#25

Post by yesimahuman »

factsaresacred wrote: post #24

This could be amazing, whatever it is. But that's the problem. I have to squint to see the font, there's two headers with two different slogans and a paragraph consisting of 12 words that tell me to go to the docs without providing a link. The rest of the landing page is white-space. Come on. Woo the visitor. First impressions are everything, and this fails. At the very least move 'What is Stencil?' to the landing pa…

Should be fixed soon thanks.

Re: Stencil – A reusable web component generator

#26

Post by WA »

sooheon wrote: post #3
KevanM wrote: post #2

Gosh, the content is illegible on Chrome and Windows 8. 14px and a lightweight font does not make for happy reading.

It's more the OS than the font choice, different OSes render text better or worse. The site looks great on a 15 inch macbook pro.

I was about to defend the choice made, because they use a typical system font stack, just like GitHub. But it was deliberately set to `font-weight: 300` (light), which really is unreadable on anything but "retina" displays.
Post reply on HN