On: D4 – Declarative Data-Driven Documents

[jordache]

argh.. I hate the style of mixing JS with markup language....

[aljones → jordache]

Well its actually function calls that look like markup language. Which is why you can write the function calls yourself if you hate it.

[doublerebel → jordache]

Me too, so last week I created gulp-pug-hyperscript to compile Pug/Jade templates to Hyperscript [1].

In order to completely avoid JS in the markup, event binding must be done outside of the markup. I do this by using event delegation rather than binding directly to elements.

[1]: https://github.com/nextorigin/gulp-pug-hyperscript

[intrasight → jordache]

Agreed. Please tell me there's another syntax for this. Please don't tell me that we're stuck with this sad relic of the past.

[dcre → intrasight]

There is. You can write regular function calls like this:

  React.createElement('h1', {}, 'Hello')

Personally I like JSX a lot, but you don't have to use it.

[kasbah → dcre]

I prefer:

    h1('Hello')

https://github.com/Jador/react-hyperscript-helpers