A lightweight solution for templating and one-way data-binding in JavaScript.

User Guide

How it works.

Start with a template ...
<div id="profile">
    <img tv-value-src='{{avatar?"default.png"}}'/>
    <span id='firstname'>{{firstname}}</span>
    <span id='lastname'>{{lastname}}</span>
</div>
import {tv} from "./ticoview.js";
const view = tv("#profile")
... write your binding script ...
... assign your data ...
view.data = {
    firstname: "Kofi",
    lastname: "Manu",
    avatar: "09348534ea87e.png"
}
<div id="profile">
    <img tv-value-src='09348534ea87e.png'/>
    <span id='firstname'>Kofi</span>
    <span id='lastname'>Manu</span>
</div>
... and there! Isn't that beautiful?