Standalone vdom from hyperapp

I was wondering if there is a way to just use the vdom of hyperapp, with lifecycle hooks, but without state management and router? Could vdom become a separate file that I can require const vdom = require('hyperapp/vdom') and use like this (roughly)?

It could be a separate package (which you probably don’t want to do), or it could be just a module inside hyperapp that could be used standalone. Basically, I want something as simple, friendly and low-level as yo-yo, but with vdom and useful lifecycle hooks.

[leeoniya]

@jbucaran thanks for the mention 😃

domvm’s hyperscript factories are also non-standard, since they support more features than possible with JSX. you could probably create a JSX adapter if you’re willing to give up a bunch of niceties. i’m not a fan of JSX or requiring users to set up node/babel, an IDE and other tooling to use domvm. the goal is to be 100% usable with plain js and a <script> include, like good ole jQuery 😉

for posterity, i suppose: https://github.com/leeoniya/domvm

some other worthy mentions:

https://github.com/AFASSoftware/maquette https://github.com/thysultan/dio.js https://github.com/pakastin/redom https://github.com/lhorie/mithril.js

[jorgebucaran]

Right, but you did that for a reason?

Yes, I wanted a no-dependency, light and fast vdom engine.

• Virtual-dom development is slow.
• Morphodom’s most attractive feature (diffing native DOM elements) is slow and still comes with a bunch of deps that could be spared. Why?
• Snabbdom is the fastest on this list, but it’s too big. The API is also non-standard (it uses its own h vnode factory function which is incompatible with hyperscript). For that reason, you need a function that can translate Snabbdom’s h to a Hyperx/JSX compatible function. I even published hyperx-to-snabbdom and used it for a while.

Can you recommend something as light, with lifecycle hooks?

@leeoniya’s domvm is fast and has a rich lifecycle hook system.