Полный стек на примере списка задач (React, Vue, TypeScript, Express, Mongoose)

Боже, какой же огород! Из простого приложения на действительно "чистом js" нагенерить килотонны кода.
Прогресс бьёт ключом.
"Перед тем, как создавать сервер, имеет смысл настроить базу данных. Тем более, что в этом нет ничего сложного." — эта фраза очень пугает.
Если то, что написано в данной статье действительно считается фуллстек разработкой, то я, наверное, стал очень стар для всего этого…

Новогоднее оливье подвезли

Тяжел этап вступления в начинающие миддлы — но как себя вспомню, и похуже писал… createModal(await router.delete(todo)) — "дорогой роутер, удали объект который я в тебя передал, и верни мне такой ответ, который сразу отображу в модалке". Полная бессмыслица.

А в самописном "реакте", кажется, лишние кавычки...

export const List = (todos) => /*html*/ `
  <ul id="list">
    ${todos.reduce(
      (html, todo) =>
        (html += `
            ${Item(todo)}
        `),
      ''
    )}
  </ul>
`

// Походу подразумевался один из этих вариантов

export const List = (todos) => /*html*/ `
  <ul id="list">${todos.reduce((html, todo) => (html += Item(todo)), '')}</ul>
`
export const List = (todos) => /*html*/ `
  <ul id="list">${todos.map(Item).join('')}</ul>
`

Но в целом вроде смех, но и грех, что-то еще комментить — себя не уважать, как автор статьи не уважает читателей. Буквально все состоит из плохих практик, чистый пример того, что "не надо копировать то, что пишут в интернетах".

По-моему, тудушка идёт первым примером в доках какой-то либы? Не?
(во всяком случае — лет неск. назад)