Give an example of micro-tasks you have encountered in your work.

• Layout of responsive components according to design mockups.
• Configuration of build tools (Webpack, Vite) for resource optimization.
• Refactoring outdated code to improve readability and performance.
• Implementation of client-side form validation.
• Writing unit tests for existing components.
• Optimizing page load speed (lazy loading images, minifying CSS/JS).
• Fixing cross-browser bugs in CSS and JavaScript.
• Integrating third-party libraries (e.g., for date handling or charts).
• Creating custom hooks in React for reusing logic.
• Setting up CI/CD pipelines for deployment automation.

// Example of refactoring: replacing outdated var with let/const
function oldFunction() {
  var count = 0;
  for (var i = 0; i < 10; i++) {
    count += i;
  }
  return count;
}

function newFunction() {
  let count = 0; // Using let instead of var
  for (const i of Array(10).keys()) { // Using const and more modern syntax
    count += i;
  }
  return count;
}

/* Example of fixing cross-browser bug */
.button {
  display: flex; /* Using flexbox for content alignment */
  align-items: center;
  justify-content: center;
  /* Prefixes for older browsers */
  -webkit-align-items: center;
  -webkit-justify-content: center;
}