Just venting here, but having used more templating languages than I care to remember (Jinja2, ERB, FTL, XSLT, JSX, Handlebars, etc), I find Hyperscript utterly horrid to work with. In no particular order, the things it breaks include: Code portability (can’t copy/paste html snippets without runni…

Yeah I agree that it’s not the best to work with, especially compared to handlebars (which we also use) where you can write HTML as you’d expect. We started using virtual-dom/virtual-hyperscript in places where we needed to improve performance. The topic of our multiple templating systems has been …

The syntax is a little weird to get used to. I remember being really tripped out by it when I first started writing Discourse themes, but I eventually figured out how it works. It’s also possible to generate raw HTML via widget as well. app/assets/javascripts/discourse/widgets/quick-access-…

That’s worth knowing – thanks! I spent an hour or two manually re-writing html fragments, but between this and html2hyperscript, I’ve got a couple of options to play with :slight_smile:

Interesting… I thought one of the big benefits of Ember was the speed of the GlimmerVM. Is virtual-dom performance that much of an improvement over Glimmer?

I think we started using virual-dom before glimmer was a possibility? @eviltrout would know way better than I would. This also reminded me that using handlebars in widgets using glimmer is possible… as of FEATURE: Use Glimmer compiler for widget templates · discourse/discourse@dffb1fc · GitHub

I see. That timeline helps – thanks! So, I suppose the easiest course would be to wait until Glimmer performance is equivalent to virtual-dom, then dump it and revert to pure Ember?

That feature is cool, but I’m having some trouble getting it to work. I’ve require'd discourse/widgets/hbs-compiler, but I still get error: hbs is not a function [29] Any idea why? I’m on 2.4.0beta5, and using theme-cli, if that helps.

I tried using templates within widgets but found it was of limited use without apparent support for helpers?: [image] Using a hbs file as the template for widget dev Related: Does this support helpers?, e.g.: <td style={{border-color c.color}}> Because I can’t get …

Yeah, sadly, I think trying to use handlebars instead of hyperscript is currently more trouble than it’s worth.

Is it just me, or is Hyperscript hideous?

Development

Falco (Falco) October 22, 2019, 3:48pm 9

Discourse is from 2013, we started complaining about Android performance in 2015, added virtual-dom in 2016, and Glimmer was announced in 2017 and it’s being actively integrated into Ember.

Topic		Replies	Views
Using a hbs file as the template for widget Development	3	1402	September 3, 2019
Modernizing inline script tags for templates & JS API Development dev-news	47	4283	March 25, 2026
JSX instead of h (createElement) function in widgets and other places Development	14	1920	May 10, 2020
Is it better for Discourse to use JavaScript or CoffeeScript? Development	56	66496	January 29, 2022
How different are Ember component and Discourse widget? Development	3	1180	June 8, 2020

Is it just me, or is Hyperscript hideous?

Related topics