es6-template-proposal.js

// The following is a thought experiment of how it COULD work

// todos-template.js
export default (todos) => {
    return `
        <div class="todo-wrapper">
            <p>Remaining: ${ todos.length }</p>
            <ul class="todos">
                ${ todos.map(todo => `<li class="${ todo.completed }">${ todo.text }</li>`) }
            </ul>
        </div>
    `; 
}

// main.js
import TodosTemplate from "todos-template";
import ReactView from 'react';

class TodosView extends ReactView {
    constructor() {
        super();
        this[todos] = [];
    }
    
    render() {
        return TodosTemplate(this[todos]);
    }

}

var todosView = new TodosView();