Marko.js — фронтенд от ebay.com

именно на этой библиотеке построен фронтенд ebay.com…

Так себе рекомендация, если честно. :)

Когда я вынужденно пользуюсь eBay я всё время подмечаю, что это, наверное "отличный" пример тех самых модных "micro-frontends". Кликаешь на пункт меню — грузится 1 frontend, кликаешь на 2-й грузится 2-й, на 3-й — грузится 3-й. Все при этом выглядят по-разному. Как будто на другой сайт попадаешь. И все визуально как-будто родом из 95-го. Про удобство можно даже не заикаться.

Смотря на код из статьи, невозможно не подметить, что каменный век застрял и в коде. Столько ручной работы. Столько нарушений здравого смысла (скажем загрузка users прописанная прямо в router-е). Стили именования переменных (underscore case и всякие ___implicit: true). Ручные вызовы history. Однобуквенные методы. Вшитые строки с тегами. out.w('<p>not found</p>'). Мои глазаааа…

Мне кажется статья про "фронтенд от ebay.com" должна называться примерно так: "Вредные советы или как мы докатились до такой жизни | eBay".

Когда-то в не столь бородатые времена (2015-2016) использовал Marko 2-3 для шаблонизации на ноде, важны были возможность выделять кастомные компоненты и максимальная скорость работы.

К примеру, такой вот компонент (template.marko):

<script src="${data.urlRoot}${data.urlScripts}/${data.scriptName}?v=${new Date().getTime()}"></script>

Преобразовывался при первичном рендере в чистую функцию (библиотека создает рядом файл template.marko.js):

function create(__helpers) {
  return function render(data, out) {
    out.w("<script src=\"" +
      escapeXmlAttr(data.urlRoot) +
      escapeXmlAttr(data.urlScripts) +
      "/" +
      escapeXmlAttr(data.scriptName) +
      "?v=" +
      escapeXmlAttr((new Date()).getTime()) +
      "\"></script>");
  };
}

(module.exports = require("marko").c(__filename)).c(create);

И это все отдавалось нодой:

app.post('/get_template', function(req, res) {
  const data = getTemplateParams(req); // { urlRoot, urlScripts, scriptName }
  const templateFile = marko.load(path.resolve('templates/', templateType + '.marko'));

  templateFile.renderToString(data, (err, html) => {
    res.end(JSON.stringify({ template: html }));
  });
});

Благодаря преобразованию шаблонов в чистые функции скорость была просто ошеломительной, фактически соответствуя скорости работы самой ноды. Делал сравнения с несколькими имевшимися тогда шаблонизаторами типа Pug, Jade — разрыв по скорости ответа и потреблению памяти исчислялся десятками раз, а так как проект был хайлоадом, Marko стал спасением. Да и синтаксис довольно приятный, и локализацию легко встроить, и кастомизировать рендеринг не сложно. Это все к вопросу, где он может быть востребован — для render-сервера, который принимает параметры из других сервисов и отдает локализованный шаблонизированный html — подходит отлично. А как фреймворк не пробовал использовать, тут явно другие лидеры