Effort for lit-html

First of all I should say I’ve looked at the API and I think it looks awesomelly promising. I’ll play with it for a bit in some little personal projects and I think it has huge potential to soon become my lib of choice for some large projects in the future.

But I definitelly couldn’t stop thinking that hyperapp (with ~1kb) united with lit-html (with ~1.7kb) in the near future would be one of the best performant choices with the minimal API surface to absorb.

Would be possible to measure the effort to use lit-html with hyperapp?

Any directions for a starting point on how could this be done?

[selfup]

So currently if you do not pass a container (Node/Element) to HA it does not render to the DOM 🎉

You could use exposed actions to change state from lit-html!

Or just use the state and actions given to you in your view 🤔

As you can see however, just depending on exposed actions will only return the return value of said action. It won’t include the entire state.

So now I guess you would load hyperapp with a blank view and have some lit-html rendering logic in the view itself? Like:

<div>
  {
    /* since here you will have access to the entire state tree */
    /* write your render calls here */
  }
</div>

Either way, feel free to experiment and let us know what you discover 😄 👍

[jorgebucaran]

Hi @wescoder! I think it would be interesting to experiment removing Hyperapp’s built-in VDOM and replacing it with lit-html’s similar DOM manipulating/updating system, but without changing the surface API. If you want to play with this, I’d be happy to help. I’d recommend you hop on Slack to discuss the details.

However, I am not interested in having both libraries work together. I want to use only hyperapp or only lit-html, but not both.