Как визуализировать список без движка рендеринга в JavaScript?

Question

Нет движка рендеринга, нет фреймворка, кроме express.

Мы хотим визуализировать любой список из запроса к базе данных без помощи механизма рендеринга.

Что такое простой код, эквивалентный механизму рендеринга для списков данных?

Это пример с pug, затем с html:

app.js

---

collection.query(q, function(err, docs) {
    if (err) {
        res.status(500).send({
            error: err
        });
        return;
    }

    console.log("Got docs: ",docs);

    res.render('layout', {
        data : docs
    });

});

HTML

<ul type="1">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul> 

Как вы кодируете это для рендеринга безмопс, с данными, поступающими из ответа на запрос?

ul
    each item in data
        li=item.name

Answer 1

const createList = items => `<ol>${items.map(i => `<li>${i}<li/>`).join("")}<ol/>`;

collection.query(q, function(err, docs) {
    if (err) {
        res.status(500).send({
            error: err
        });
        return;
    }

    console.log("Got docs: ",docs);

    res.send(createList(docs))

});

При использовании функций стрелок и литералов шаблонов вы можете изменить функции стрелок на обычные functions, а литералы шаблонов - на строку, объединенную +, если вы используете более старую версию nodejs.