Поздно пришёл к LESS, но понял — препроцессоры не умерли. Рассказываю, как я использую его для интерфейсов, делаю параллели с языками программирования и вспоминаю Алана Кея.

Сделана на чистом CSS

Покажу, как генерировать код из OpenAPI и мокаю запросы, чтобы автоматизировать разработку и не страдать каждый раз, когда фронт и бэк снова не договорились.

Сделан на SVG, CSS и JS

const users = [
  { name: "Alice" },
  { name: "Bob" },
  { name: "Charlie" }
];

users.forEach(user => {
  console.log(`Hello, ${user.name}!`);
});
// ➜ Hello, Alice!
// ➜ Hello, Bob!
// ➜ Hello, Charlie!

forEach() удобно использовать при отрисовке, логировании, модификации DOM, отправке запросов или любой логике, где важны действия, а не результат. Это читабельнее, чем обычный for и избавляет от лишней ручной работы с индексами.

Сделан на SVG, CSS и JS