Transform yo-yo or bel template strings into pure and fast document calls
npm install yo-yoify[![NPM version][npm-image]][npm-url]
[![build status][travis-image]][travis-url]
[![build status][appveyor-image]][appveyor-url]
[![Downloads][downloads-image]][downloads-url]
[![js-standard-style][standard-image]][standard-url]
Transform [choo][choo-url], [yo-yo][yo-yo-url], or [bel][bel-url] template
strings into pure and fast document calls.
``shell`
npm install yo-yoify --save-dev
When using Browserify, use as a global transform:
`shell`
browserify entry.js -g yo-yoify -o bundle.js
yo-yo and bel, without this transform, pass template literals to hyperx.hyperx then parses and extracts the tags. bel then turns those tags intodocument.createElement()
calls to .
When using this transform, your template literals:
`js
var msg = 'hello!'
var element = yo
Transform into direct calls to the
:`js
var msg = 'hello!'
var element = (function () {
var bel0 = document.createElement("div")
appendChild(bel0, [arguments[0]])
return bel0
}(msg))
``Which means, way better performance and compatibility with older browsers.
- babel-plugin-yo-yoify — yo-yoify as a Babel transform, works with any build setup that supports Babel
[choo-url]: https://github.com/yoshuawuyts/choo
[yo-yo-url]: https://github.com/maxogden/yo-yo
[bel-url]: https://github.com/shama/bel
[npm-image]: https://img.shields.io/npm/v/yo-yoify.svg?style=flat-square
[npm-url]: https://npmjs.org/package/yo-yoify
[travis-image]: https://img.shields.io/travis/shama/yo-yoify/master.svg?style=flat-square
[travis-url]: https://travis-ci.org/shama/yo-yoify
[appveyor-image]: https://img.shields.io/appveyor/ci/shama/yo-yoify/master.svg
[appveyor-url]: https://ci.appveyor.com/project/shama/yo-yoify
[downloads-image]: http://img.shields.io/npm/dm/vel.svg?style=flat-square
[downloads-url]: https://npmjs.org/package/yo-yoify
[standard-image]: https://img.shields.io/badge/code%20style-standard-brightgreen.svg?style=flat-square
[standard-url]: https://github.com/feross/standard