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

31–40 of 107 posts

Re: Stencil – A reusable web component generator

#31

Post by yesimahuman »

jazoom wrote: post #5

" Stencil is a new approach to a popular idea: building fast and feature-rich apps in the browser. Taking advantage of new capabilities in the browser, such as Custom Elements V1, Stencil enables developers to write faster and lighter components without the weight of frameworks. The tooling also a solution to teams and library authors building components that support many frameworks. Stencil components work in Angula…

To add to the other links: we built this to primarily help make Ionic faster, and we target mobile and web. So, it has to work everywhere we run. Some browsers require polyfills but still have improved performance making it worth it. Others, like iOS safari which is a major target for us, support it natively in 2017. The trend is more and more native support.

Re: Stencil – A reusable web component generator

#32

Post by slackingoff2017 »

ubersoldat2k7 wrote: post #4

I'm not sure I'm understanding the point behind this. If the main point is to allow people to reuse components (i.e. a calendar widget) across frameworks, then good, but it's going to be quite messy when things start to get complicated and we start hitting integration problems, because some guy on the Internet writing a widget is not going to test & maintain it on all frameworks. It also bothers me the whole Typescri…

That's a very "get off my lawn" argument against Typescript :). You install it off npm and type one command to compile everything to JS, then you can pretend it doesn't exist.

It's like you're arguing against distributing a large number of files in a zip archive. Actually... that's what a jar is. They're not scary, you can just unzip them to see everything inside.

Re: Stencil – A reusable web component generator

#35

Post by jeffhuys »

Mtinie wrote: post #15
eat_veggies wrote: post #6

Earlier quoted context omitted.

Designers only looking at their sites on their MacBook Pros is exactly what produces these pretty but unreadable websites.

Adding a "Yes, but..." Microsoft's refusal, or inability, to release a version of Edge (or even a port of an earlier IE) for macOS exacerbates this situation. I virtualize Windows on my MacBook for IE/Edge testing of my designs and code, but it requires a workflow and context shifting that I'd perfer I didn't have to do. Edit: s/I.E./IE

With Parallels that's at least a bit less painful, but yeah, we shouldn't need to virtualize at all.

Re: Stencil – A reusable web component generator

#36

Post by Vinnl »

Huh, that's a rather interesting approach to building Web Components. I'll have to see if it gets anywhere, but the idea has potential, and feels like it avoids many of the pain points of Polymer (although I'm not quite sure yet which you'll get in return).

Re: Stencil – A reusable web component generator

#37

Post by jeffhuys »

ubersoldat2k7 wrote: post #11
andreashansen wrote: post #9

Earlier quoted context omitted.

Custom elements v1: http://caniuse.com/#feat=custom-elementsv1

basically Chrome (I just saved you a click)

...and Safari? Which is actually a pretty popular browser (with good reason).

Re: Stencil – A reusable web component generator

#38

Post by yesimahuman »

Hey all, founder of Ionic (team behind Stencil) here. Didn't expect to see this up on HN so soon (released this morning), thanks for understanding there's still rough edges with docs, etc

We built Stencil for a selfish reason: we needed more mobile web performance for Ionic apps being deployed as PWAs (in addition to App Store apps) and we were struggling getting that with traditional framework component/bundle approaches.

We realized web components were a way forward and would let us reach more of the web dev community that wasn't just using Angular. However, we felt like there were some big framework features missing from vanilla custom elements (vdom, react fiber style rendering queue, etc), so we built stencil to make it easy to generate web components with these features baked in.

Along the way we figured other teams would benefit and pulled it out into its own project.

Stencil will be used in the next version of Ionic so we are dog fooding this hard, and web components it generated will be in use by thousands of Ionic devs soon.

We just announced this at the Polymer Summit in Copenhagen this morning and the talk is up if you're interested: https://youtu.be/UfD-k7aHkQE

Happy to answer any questions!

Post reply on HN