Show HN: HyperApp – 1k JavaScript framework for building web applications

Post by seabrookmx » Tue, May 22, 2018, 5:57 PM UTC

simplify wrote: post #43

spankalee wrote: post #38

Earlier quoted context omitted.

IMO, the problem of composing renderers is solved at the component level. Each component should be able to freely choose its rendering library and control its own encapsulated DOM without interfering with other components, or leaking it's choice of template library to the outside. Web Components and Shadow DOM make this possible. You can mix and match components that use lit-html, Polymer, Preact, etc., and mostly li…

But mixing and matching causes your page to bloat due to needing to download all the different libraries, right?

Post by abiox » Tue, May 22, 2018, 6:08 PM UTC

JustSomeNobody wrote: post #45

spankalee wrote: post #35

If you're interesting in a reactive template library that doesn't require a compiler for non-standard JavaScript syntax, check out a library I've been working on for a little while now, lit-html: https://github.com/Polymer/lit-html Where JSX would look like this: const view = (state, actions) => ( {state.count} actions.down(1)}>- actions.up(1)}>+ ) The lit-html would be: const view = (state, actions) => html` {state.…

> ... expensive VDOM diffs Wait, I thought VDOMs were supposed to be fast(er). Note: I'm not a FE Dev, so I'm only going by stuff I (think I) read, not write.

Post by masklinn » Tue, May 22, 2018, 6:11 PM UTC

spankalee wrote: post #35

If you're interesting in a reactive template library that doesn't require a compiler for non-standard JavaScript syntax, check out a library I've been working on for a little while now, lit-html: https://github.com/Polymer/lit-html Where JSX would look like this: const view = (state, actions) => ( {state.count} actions.down(1)}>- actions.up(1)}>+ ) The lit-html would be: const view = (state, actions) => html` {state.…

Post by gyrgtyn » Tue, May 22, 2018, 6:24 PM UTC

spankalee wrote: post #35

If you're interesting in a reactive template library that doesn't require a compiler for non-standard JavaScript syntax, check out a library I've been working on for a little while now, lit-html: https://github.com/Polymer/lit-html Where JSX would look like this: const view = (state, actions) => ( {state.count} actions.down(1)}>- actions.up(1)}>+ ) The lit-html would be: const view = (state, actions) => html` {state.…

Post by eropple » Tue, May 22, 2018, 6:27 PM UTC

abiox wrote: post #53

JustSomeNobody wrote: post #45

Earlier quoted context omitted.

> ... expensive VDOM diffs Wait, I thought VDOMs were supposed to be fast(er). Note: I'm not a FE Dev, so I'm only going by stuff I (think I) read, not write.

fast(er) is relative. and _not_ doing a thing is often faster than doing a thing.