babel-plugin-dom-layer-jsx


This plugin transforms JSX code in your projects to a tree of dom-layer virtual nodes. It also allows control statements (i.e. , and ) out of the box.

Note! This plugin has been built for use in Babel 6.x environments.

Install

$3

``
npm install dom-layer --save
`

And configure your .babelrc file like the following:

`
{
"plugins": ["dom-layer-jsx"]
}
`

Syntax of Control Statements

$3

`javascript

IfBlock

`

$3

On an array of objects:
`javascript

{ item.title } with key { key }

`

On an object of objects:
`javascript

{ items[key].title }

`

$3

`javascript


IfBlock


ElseIfBlock


ElseBlock


``