# babel-preset-hyperdom

> Babel presets for hyperdom: JSX, binding syntax

## Example

In

```jsx
<input type="text" binding="item[n].method().name" />
```

Out

```js
hyperdom.jsx("input", { type: "text", binding: [item[n].method(), "name"] });
```

## Installation

```sh
npm install --save-dev babel-preset-hyperdom
```

For babel 6

```sh
npm install --save-dev babel-preset-hyperdom@1.4.0
```

## Usage

### Via `.babelrc` (Recommended)

**.babelrc**

```json
{
  "presets": ["hyperdom"]
}
```

### Via CLI

```sh
babel --presets hyperdom script.js
```

### Via Node API

```javascript
require("babel-core").transform("code", {
  presets: ["hyperdom"]
});
```

## We're Hiring!
Featurist provides full stack, feature driven development teams. Want to join us? Check out [our career opportunities](https://www.featurist.co.uk/careers/).