Skip to content

mlmorg/react-hyperscript

Repository files navigation

react-hyperscript Build Status

Hyperscript syntax for React.js markup.

Usage

varh=require('react-hyperscript');varReact=require('react');varAnotherComponent=require('./another-component');module.exports=React.createClass({render: functionrender(){return(h('div.example',[h('h1#heading','This is hyperscript'),h('h2','creating React.js markup'),h(AnotherComponent,{foo: 'bar'},[h('li',[h('a',{href: 'http://whatever.com'},'One list item')]),h('li','Another list item')])]));}});

Documentation

If you're using React 0.11, use react-hyperscript 1.x.x. For later versions, use react-hyperscript 2.x.x.

Object.assign is used in this library and is not poly-filled.

h(componentOrTag, properties, children)

Returns a React element.

  • componentOrTagObject|String - Can be a React component OR tag string with optional css class names/id in the format h1#some-id.foo.bar. If a tag string, it will parse out the tag name and change the id and className properties of the properties object.
  • propertiesObject(optional) - An object containing the properties you'd like to set on the element.
  • childrenArray|String(optional) - An array of h() children or a string. This will create child elements or a text node, respectively.
  • listOfElementsArray - An array of React elements that will be wrapped with React.Fragment.

About

Hyperscript syntax for React.js markup

Resources

License

Stars

Watchers

Forks

Packages

No packages published