Xapp

Smart in-place JS templating engine for micro-apps. About 3kb+ GZipped

[x] Virtual DOM
[x] No dependencies
[x] Interpolation {{ name }}
[x] Interpolation with object properties {{ item.name }}
[x] JS interpretation {{ 2 + 2 }}
[x] Conditions as x-if="var === true"
[x] Object keys loop as x-for="key in object"
[x] Array values loop as x-for="value in array"
[x] Loop metadata as $index, $first, $last
[x] Chainable pipes to transform vars as {{ text | truncate(10, '…') | upper }}
[x] Dynamic classes as x-class="{ 'red': true }"
[x] Dynamic attributes as x-attr="{ 'disabled': true }"
[x] Dynamic styles as x-style="{ 'display': true ? 'block': 'none' }"
[x] Css vendor prefix added to style properties
[x] Mixins as x-mixin and x-use
[x] Recursive mixins
[x] Includes as x-include="file.html"
[x] Autoshow hidden dom element when rendered
[x] Events
[x] SVG support
[ ] Keyed diff

Note: Xapp makes heavy use of eval function.

npm install --save @jaysalvat/x-app

yarn add @jaysalvat/x-app

    <script src="http://unpkg.com/@jaysalvat/x-app"></script>

@jaysalvat/x-app