nerv-hyperscript
v3.2.1
Published
Hyperscript syntax for Nerv.js markup
Downloads
3
Readme
nerv-hyperscript
Hyperscript syntax for Nerv.js markup.
Usage
var h = require('nerv-hyperscript');
var Nerv = require('nerv');
var AnotherComponent = require('./another-component');
module.exports = Nerv.createClass({
render: function render() {
return (
h('div.example', [
h('h1#heading', 'This is hyperscript'),
h('h2', 'creating Nerv.js markup'),
h(AnotherComponent, {foo: 'bar'}, [
h('li', [
h('a', {href: 'http://whatever.com'}, 'One list item')
]),
h('li', 'Another list item')
])
])
);
}
});
Documentation
Object.assign is used in this library and is not poly-filled.
h(componentOrTag, properties, children)
Returns a Nerv element.
- componentOrTag
Object|String
- Can be a Nerv component OR tag string with optional css class names/id in the formath1#some-id.foo.bar
. If a tag string, it will parse out the tag name and change theid
andclassName
properties of theproperties
object. - properties
Object
(optional) - An object containing the properties you'd like to set on the element. - children
Array|String
(optional) - An array ofh()
children or a string. This will create child elements or a text node, respectively. - listOfElements
Array
- An array of Nerv elements that will be wrapped withNerv.Fragment
.