A promise is awaited and its value rendered in place.
Hello from a promise!
What JSX can render
Besides strings, numbers and elements, Jeasx renders many JavaScript values directly, so you rarely have to convert data before putting it into markup. Each sample shows the rendered result and the generated HTML.
Children
A promise is awaited and its value rendered in place.
Any iterable renders its items, e.g. a
Set, a Map or an iterator with helper methods like .map(). No need for Array.from().- apple
- banana
- cherry
A generator function can be used as a component and yields its items one by one.
- 0
- 1
- 1
- 2
- 3
- 5
- 8
- 13
Objects with their own
toString render as escaped text.Created at Fri Oct 30 2026 00:00:00 GMT+0000 (Coordinated Universal Time)
Fetched from https://www.jeasx.dev/?q=%3Cjsx%3E
Failed with Error: Something went wrong
A
Uint8Array or Buffer renders as UTF-8 text, e.g. a file read with fs.readFile() or the bytes of a fetch() response.Bytes are decoded as UTF-8 text: ✓ <b>escaped</b>
BigInts render as numbers, and
0 isn't swallowed like in other templating languages.18446744073709551616 / 0
null, undefined, booleans, functions and plain objects render nothing.[]
Attributes
A promise as attribute value is awaited. All promise attributes of a tag are loaded in parallel.
Plain objects and arrays are encoded as JSON, e.g. to pass data to client-side scripts.
Inspect me
Values with their own
toString use their string form, true renders the attribute name only.Functions,
null, false and objects without their own string form (e.g. a Set) are skipped, so an event handler never prints its source code.