Stencil – A reusable web component generator

Post by ubersoldat2k7 » Wed, Aug 23, 2017, 11:23 AM UTC

andreashansen wrote: post #9

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…

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

Post by ubersoldat2k7 » Wed, Aug 23, 2017, 11:25 AM UTC

manucorporat wrote: post #10

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…

Here an engineer at Ionic. You don't need to integrate typescript to use a "widget" generated with Stencil. Stencil is a compiler that generates vanilla web components in javascript. You can just import the generated .js and use the component just like a "button" or native "input".

Post by Mtinie » Wed, Aug 23, 2017, 11:28 AM UTC

eat_veggies wrote: post #6

sooheon wrote: post #3

Earlier quoted context omitted.

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.

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

Post by manucorporat » Wed, Aug 23, 2017, 11:32 AM UTC

ubersoldat2k7 wrote: post #13

manucorporat wrote: post #10

Earlier quoted context omitted.

Here an engineer at Ionic. You don't need to integrate typescript to use a "widget" generated with Stencil. Stencil is a compiler that generates vanilla web components in javascript. You can just import the generated .js and use the component just like a "button" or native "input".

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.

Post by manucorporat » Wed, Aug 23, 2017, 11:34 AM UTC