Allows for expressing UIs in the hyperscript-helpers style but with first class support for React.
- Mistyped components return errors
- No need to litter code with
nullvalues when a component doesn't have any props
- No need for a JSX syntax highlighter
- No need for a JSX linter
- JSX elements are just functions anyway
- Most react documentation is written with JSX so it might be unfamiliar syntax
- A lot of library components use JSX, so unless the compiled version of the library is used a JSX transform will be necessary
For elements that have already been compiled by
For custom components or tags not compiled by
componentis an HTML element as a string or a react function/class custom element
selectoris a string, starting with "." or "#"
propsis an object of attributes (the props of the component)
childrenis the innerHTML text (string|boolean|number), or an array of elements
DOM components are really easy to use. Just import and go.
For custom components you can either create a factory function or use the
h function, similar to react-hyperscript.
A UMD build is also available
isRendered property will determine whether or not a react component gets rendered.
const Khaled =;;;// -> null;/* -><div><span>Another one</span><span>Another one</span><span>Another one</span></div>*/