League of Extraordinary FoundryVTT DevelopersCalego

jsx

Dammit I want this...

Unknown User•982d ago

Calego•982d ago

1.5 hours before work I can at least see how crazy this is

Unknown User•982d ago

Calego•982d ago

right! "all jsx is" is a render engine just like handlebars.

Calego•982d ago

https://nanojsx.github.io/

Nano JSX • Lightweight 1kB JSX library

Designed to build ultra fast Multi-Page Apps (MPAs), using isomorphic JavaScript. Written in TypeScript. Server Side first with partial hydration. Perfect for your next PWA. As small as svelte.

Calego•982d ago

mmm... is this what i'm looking for?

Calego•982d ago

https://github.com/loreanvictor/render-jsx

GitHub

GitHub - loreanvictor/render-jsx: Tools for building JSX-based libr...

Tools for building JSX-based libraries / frameworks, also a super-thin and fast pure DOM renderer. - GitHub - loreanvictor/render-jsx: Tools for building JSX-based libraries / frameworks, also a su...

Calego•982d ago

this maybe

Unknown User•982d ago

Calego•982d ago

I'd look to provide a replacement for "renderTemplate" or maybe not a replacement but like "renderJsx" and then some way to extend Application with ApplicationJSX yeah

Unknown User•982d ago

Calego•982d ago

is React's JSX really baked in? they don't have a library for this??

Unknown User•982d ago

Calego•982d ago

link me, i'm failing to find react-jsx

Unknown User•982d ago

Calego•982d ago

oh what's preact and is that the answer to all our woes?

Unknown User•982d ago

Calego•982d ago

oh standard JSX is ... transpiled into hyperscript? wtf ugh

Unknown User•982d ago

Calego•982d ago

alright we tryin nanoJSX

Unknown User•982d ago

Calego•982d ago

https://jasonformat.com/wtf-is-jsx/

Jason Format

WMR App

Calego•982d ago

https://github.com/hyperhype/hyperscript

GitHub

GitHub - hyperhype/hyperscript: Create HyperText with JavaScript.

Create HyperText with JavaScript. Contribute to hyperhype/hyperscript development by creating an account on GitHub.

Calego•982d ago

I might vomit

Unknown User•982d ago

Calego•982d ago

var h = require('hyperscript')
h('div#page',
  h('div#header',
    h('h1.classy', 'h', { style: {'background-color': '#22f'} })),
  h('div#menu', { style: {'background-color': '#2f2'} },
    h('ul',
      h('li', 'one'),
      h('li', 'two'),
      h('li', 'three'))),
    h('h2', 'content title',  { style: {'background-color': '#f22'} }),
    h('p',
      "so it's just like a templating engine,\n",
      "but easy to use inline with javascript\n"),
    h('p',
      "the intention is for this to be used to create\n",
      "reusable, interactive html widgets. "))

var h = require('hyperscript')
h('div#page',
  h('div#header',
    h('h1.classy', 'h', { style: {'background-color': '#22f'} })),
  h('div#menu', { style: {'background-color': '#2f2'} },
    h('ul',
      h('li', 'one'),
      h('li', 'two'),
      h('li', 'three'))),
    h('h2', 'content title',  { style: {'background-color': '#f22'} }),
    h('p',
      "so it's just like a templating engine,\n",
      "but easy to use inline with javascript\n"),
    h('p',
      "the intention is for this to be used to create\n",
      "reusable, interactive html widgets. "))

Unknown User•982d ago

Calego•982d ago

yes

Unknown User•982d ago

Calego•982d ago

very yes

Unknown User•982d ago

Calego•982d ago

was nano the lib you remember seeing?

Unknown User•982d ago

Calego•982d ago

but hyperscript doesn't do jsx out of the box does it?

Unknown User•982d ago

Calego•982d ago

gotchya, and that's what I want to avoid

Unknown User•982d ago

Calego•982d ago

https://github.com/loreanvictor/render-jsx Another option, looks lighter than nano

GitHub

GitHub - loreanvictor/render-jsx: Tools for building JSX-based libr...

Unknown User•982d ago

Calego•982d ago

correct

Unknown User•982d ago

Calego•982d ago

the build step feels extra, this 'should' be as simple as "take string of jsx, parse on the fly, render" ala handlebars like surely someone has a library for that

Unknown User•982d ago

Calego•982d ago

right, 'string of jsx' probably not the right words

Unknown User•982d ago

Calego•982d ago

aaaaahhhhhhh (╯°□°）╯︵ ┻━┻

Unknown User•982d ago

Calego•982d ago

lol i just found this

Unknown User•982d ago

Calego•982d ago

basically es template string things