tomekwi/mithril-n

[![Travis – build status](https://img.shields.io/travis/tomekwi/mithril-n/master.svg?style=flat-square)](https://travis-ci.org/tomekwi/mithril-n)
 [![Code climate](https://img.shields.io/codeclimate/github/tomekwi/mithril-n.svg?style=flat-square)](https://codeclimate.com/github/tomekwi/mithril-n)
 [![David – status of dependencies](https://img.shields.io/david/tomekwi/mithril-n.svg?style=flat-square)](https://david-dm.org/tomekwi/mithril-n)
 [![Code style: airbnb](https://img.shields.io/badge/code%20style-airbnb-blue.svg?style=flat-square)](https://github.com/airbnb/javascript)




n()
===

**Pure DOM nodes in [Mithril][] templates.**

[Mithril]: http://lhorie.github.io/mithril/




Installation
------------

Using bower:

```sh
$ bower install mithril-n
```

Using npm:

```sh
$ npm install mithril-n
```




Usage
-----

It's really just Mithril's `m()`, which accepts DOM nodes as `children` as well as original arguments.

So this JavaScript[*](#es6-note):

```js
import m from "mithril";
import n from "mithril-n";

m.render(document.body,
  n("home",
    document.createElement("papa"),
    n("mama", m(".son")),
    "A happy family"
  )
);
```

…will result in:

```html
<home>
  <papa></papa>
  <mama>
    <div class="son"></div>
  </mama>
  A happy family
</home>
```

<a id="es6-note">*</a> I'm using ES6 syntax here – brought to us today by great projects like [babel]. When you download a release of _mithril-n_, you get two versions bundled: one for ES6, one for ES5 (available as CommonJS, RequireJS and as a global variable).

If you're interested in implementation details, have a look at the [annotated source][docco].

[babel]: http://babel.org
[docco]: http://tomekwi.github.io/mithril-n/




Contributors
------------

Many thanks to this fine gentleman for his invaluable input:

- [Barney Carroll](https://github.com/barneycarroll)




License
-------

[MIT][] © [Tomek Wiszniewski][]

[MIT]: ./License.md
[Tomek Wiszniewski]: https://github.com/tomekwi