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

51–60 of 107 posts

Re: Stencil – A reusable web component generator

#51

Post by Siilwyn »

yesimahuman wrote: post #38

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 appro…

Hi, wondering what's the main difference between Stencil and [Svelte](https://svelte.technology/)?

Re: Stencil – A reusable web component generator

#52

Post by tech-no-logical »

content won't show for me (latest firefox beta, 56b05) :

   Failed to register/update a ServiceWorker for scope ‘https://stenciljs.com/docs/’: Bad Content-Type of ‘text/html’ received for script ‘https://stenciljs.com/docs/sw.js’.  Must be ‘text/javascript’, ‘application/x-javascript’, or ‘application/javascript’.
   Error DOMException [SecurityError: "The operation is insecure."
   code: 18
   nsresult: 0x80530012]  intro:19:41

Re: Stencil – A reusable web component generator

#53

Post by mediumdeviation »

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

Ironically we have the exact same problem, except worse with Safari, since it has (relatively) poor support for some cutting edge APIs, and unlike Edge/IE we can't even legally test it in a VM because Apple doesn't even allow their OS to be put in a virtual machine.

At least Microsoft has the good grace to put up free VMs for browser testing - https://developer.microsoft.com/en-us/microsoft-edge/tools/v...

Re: Stencil – A reusable web component generator

#56

Post by rident »

yesimahuman wrote: post #38

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 appro…

Your github link points to the repo for the site rather than the project. https://github.com/ionic-team/stencil-site vs https://github.com/ionic-team/stencil

Re: Stencil – A reusable web component generator

#57

Post by adamdbradley »

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)

Our testing and shown that it works in IE11 and above. Both Safari and Chrome support custom elements natively, so no polyfill is required. Additionally, Edge has it under construction, and Firefox has custom elements behind a flag. For Edge, IE and Firefox the polyfills are downloaded on demand, rather than every browser always downloading every polyfill.

Re: Stencil – A reusable web component generator

#58

Post by hungerstrike »

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

At least you don't have to buy a whole different computer to do your job. I have to buy a Mac just to test websites and compile apps for iOS.

The only way for me to avoid using the Macintosh OS or having to buy a Mac is to switch careers or specialize.

Thankfully, cross-platform kits such as Cordova and React-Native let me use my preferred OS for development most of the time!

Re: Stencil – A reusable web component generator

#59

Post by ergo14 »

dmitriid wrote: post #50
g105b wrote: post #27

Here's a new library to solve a problem you don't have yet.

WebComponents in general are a solution in search of a problem. Despite being 6 years in development: - they basically delivered none of the original promises - they are extremely cumbersome to use without a library/framework on top (Polymer is the jQuery of WebComponents) - they are plagued by multiple problems and shifts in the ecosystem (browsers don't want to support `is=`, HTML imports are being dropped in favou…

> WebComponents in general are a solution in search of a problem

Maybe they don't solve your problem, but they certainly seem to solve Ionic's or Netflix's problems (or mine for that matter).

Re: Stencil – A reusable web component generator

#60

Post by ergo14 »

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…

Basicly everything on par with IE11 and above (with polyfills or without).
Post reply on HN