Приведи пример микрозадач, с которыми ты сталкивался в своей работе.

• Верстка адаптивных компонентов по дизайн-макетам.
• Настройка сборщика проектов (Webpack, Vite) для оптимизации ресурсов.
• Рефакторинг устаревшего кода для улучшения читаемости и производительности.
• Реализация валидации форм на стороне клиента.
• Написание unit-тестов для существующих компонентов.
• Оптимизация скорости загрузки страницы (отложенная загрузка изображений, минификация CSS/JS).
• Исправление кроссбраузерных багов в CSS и JavaScript.
• Интеграция сторонних библиотек (например, для работы с датами или графиками).
• Создание пользовательских хуков в React для переиспользования логики.
• Настройка CI/CD пайплайна для автоматизации развертывания.

// Пример рефакторинга: замена устаревшего var на let/const
function oldFunction() {
  var count = 0;
  for (var i = 0; i < 10; i++) {
    count += i;
  }
  return count;
}

function newFunction() {
  let count = 0; // Использование let вместо var
  for (const i of Array(10).keys()) { // Использование const и более современного синтаксиса
    count += i;
  }
  return count;
}

/* Пример исправления кроссбраузерного бага */
.button {
  display: flex; /* Использование flexbox для выравнивания содержимого */
  align-items: center;
  justify-content: center;
  /* Префиксы для старых браузеров */
  -webkit-align-items: center;
  -webkit-justify-content: center;
}