y8
Version:
Yet Another Templating Engine
94 lines (76 loc) • 1.96 kB
Markdown
<div align="center">
<img src="y8.png" alt="yate" />
</div>
<h1 align="center">Yet Another Templating Engine [YATE [Y8]]</h1>
<div align="center">
<a href="https://npmjs.org/package/y8">
<img src="https://badgen.now.sh/npm/v/y8" alt="version" />
</a>
<a href="https://packagephobia.now.sh/result?p=y8">
<img src="https://packagephobia.now.sh/badge?p=y8" alt="install size" />
</a>
<a href="https://bundlephobia.com/result?p=y8">
<img src="https://badgen.net/bundlephobia/minzip/y8" alt="install size" />
</a>
</div>
<div align="center">
A tiny (~440B) templating engine, such as many others, however, this is just wow. Amaze.
</div>
### The classic selling points
- 👌 Isomorphic, which means it works in both the server, and the client.
- 🔥 Fast enough.
- 🤏 Small enough.
- 🤩 Simply the best itsy bitsy template engine ever made.
### Installation
```
$ npm i --save y8
```
## Usage
```js
const template = require('y8');
const html = `
<html>
<title>{{hello}}</title>
<body>
<h1>{{hello}}</h1>
<ul>
<li>{{tasks.one}}</li>
<li>{{tasks.two}}</li>
<li>{{tasks.three}}</li>
<ul>
<footer>
<p>Made in {{madeIn}} by {{author}}<p>
</footer>
</body>
</html>
`;
const replacements = {
hello: 'Hello, World',
tasks: {
one: 'This is task one',
two: 'This is task two',
three: 'This is task three',
},
madeIn: 'Norway',
author: 'Bjarne Oeverli',
};
template(html, replacements);
/*
<html>
<title>Hello, World</title>
<body>
<h1>Hello, World</h1>
<ul>
<li>This is task one</li>
<li>This is task two</li>
<li>This is task three</li>
<ul>
<footer>
<p>Made in Norway by Bjarne Oeverli<p>
</footer>
</body>
</html>
*/
```
## License
MIT - © Bjarne Oeverli - See LICENSE