jsx

Unknown User•4y ago

Message Not Public

Sign In & Join Server To View

CalegoOP•4y ago

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

Unknown User•4y ago

Message Not Public

Sign In & Join Server To View

CalegoOP•4y ago

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

CalegoOP•4y 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.

CalegoOP•4y ago

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

CalegoOP•4y 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...

CalegoOP•4y ago

this maybe

Unknown User•4y ago

Message Not Public

Sign In & Join Server To View

CalegoOP•4y 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•4y ago

Message Not Public

Sign In & Join Server To View

CalegoOP•4y ago

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

Unknown User•4y ago

Message Not Public

Sign In & Join Server To View

CalegoOP•4y ago

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

Unknown User•4y ago

Message Not Public

Sign In & Join Server To View

CalegoOP•4y ago

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

Unknown User•4y ago

Message Not Public

Sign In & Join Server To View

CalegoOP•4y ago

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

Unknown User•4y ago

Message Not Public

Sign In & Join Server To View

CalegoOP•4y ago

alright we tryin nanoJSX

Unknown User•4y ago

Message Not Public

Sign In & Join Server To View

CalegoOP•4y ago

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

Jason Format

WMR App

CalegoOP•4y 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.

CalegoOP•4y ago

I might vomit

Unknown User•4y ago

Message Not Public

Sign In & Join Server To View

CalegoOP•4y 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•4y ago

Message Not Public

Sign In & Join Server To View

CalegoOP•4y ago

yes

Unknown User•4y ago

Message Not Public

Sign In & Join Server To View

CalegoOP•4y ago

very yes

Unknown User•4y ago

Message Not Public

Sign In & Join Server To View

CalegoOP•4y ago

was nano the lib you remember seeing?

Unknown User•4y ago

Message Not Public

Sign In & Join Server To View

CalegoOP•4y ago

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

Unknown User•4y ago

Message Not Public

Sign In & Join Server To View

CalegoOP•4y ago

gotchya, and that's what I want to avoid

Unknown User•4y ago

Message Not Public

Sign In & Join Server To View

CalegoOP•4y ago

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

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...

Unknown User•4y ago

Message Not Public

Sign In & Join Server To View

CalegoOP•4y ago

correct

Unknown User•4y ago

Message Not Public

Sign In & Join Server To View

CalegoOP•4y 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•4y ago

Message Not Public

Sign In & Join Server To View

CalegoOP•4y ago

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

Unknown User•4y ago

Message Not Public

Sign In & Join Server To View

CalegoOP•4y ago

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

Unknown User•4y ago

Message Not Public

Sign In & Join Server To View

CalegoOP•4y ago

lol i just found this

Unknown User•4y ago

Message Not Public

Sign In & Join Server To View

CalegoOP•4y ago

basically es template string things

Unknown User•4y ago

Message Not Public

Sign In & Join Server To View

CalegoOP•4y ago

Proof of concept, this worked great ironically it needs a build step to bundle in the npm facepalmpicard

I think next step here would be to make a library module make some utilities like JsxApplication, renderJsx, etc. to wrap this to the trello

!

Unknown User•4y ago

Message Not Public

Sign In & Join Server To View

Gaming

Programming