Определяем, активна ли вкладка!

Когда вкладка не в фокусе, нет смысла выполнять тяжёлые операции — можно приостановить рендер, обновления данных или анимации. Для этого существует событие visibilitychange.

Проверим текущую видимость:

console.log(document.visibilityState);
// Обычно "visible" или "hidden"

Реагируем на изменение состояния вкладки:

document.addEventListener("visibilitychange", () => {
  if (document.hidden) {
    console.log("Вкладка неактивна — ставим процесс на паузу");
    stopRendering();
  } else {
    console.log("Вкладка снова активна — продолжаем работу");
    resumeRendering();
  }
});

Для удобства можно оформить в небольшую утилиту:

function onVisibilityChange(callback) {
  const handler = () => callback(!document.hidden);

Вызываем сразу, чтобы получить текущее состояние при инициализации:

  callback(!document.hidden);

  document.addEventListener("visibilitychange", handler);
  return () => document.removeEventListener("visibilitychange", handler);
}

Пример использования:

const unsubscribe = onVisibilityChange(isVisible => {
  console.log(`Вкладка ${isVisible ? "активна" : "скрыта"}`);
});

🔥 Такой подход лежит в основе умного управления активностью приложения — автоматической паузы фоновых процессов, оптимизации real-time обновлений и снижения нагрузки.

➡️ GitHub Ready | #практика

😎 Backend Cheats — невероятная шпаргалка для backend-разработчиков!

Всё подано максимально удобно: визуальные схемы и таблицы помогают лучше понять материал, краткие резюме фиксируют ключевые термины, а ссылки на внешние ресурсы дают возможность углубиться в тему. Отличный вариант, чтобы держать все знания под рукой и не терять время на поиск.

Оставляю ссылочку: GitHub 📱

➡️ GitHub Ready | #репозиторий

📂 Напоминалка для работы с HTTP-запросами!

Например, GET используется для получения данных, POST — для создания новых записей, а DELETE — для удаления.

На картинке — 9 самых популярных методов HTTP-запросов, которые стоит держать под рукой каждому разработчику.

Сохрани, чтобы не забыть!

➡️ GitHub Ready | #ресурс

Хочешь найти коммит по части сообщения?

Когда помнишь кусок текста, но не помнишь ветку, дату или хеш Git может найти коммиты просто по фрагменту сообщения.

Поиск по ключевому слову:

git log --grep="fix"

Комбинация с форматированием вывода:

git log --oneline --grep="login"

🔥 Удобно, когда нужно быстро найти коммит по описанию, задаче или ключевому слову, а история огромная.

➡️ GitHub Ready | #совет

🧐 Awesome Interview Questions — супер подборка вопросов для подготовки к собеседованиям!

Если хочешь системно подтянуть знания и закрыть пробелы перед собесом - этот репозиторий прям находка. Он собирает лучшие вопросы по различным языкам. Идеально, когда нужно пройтись по ключевым вопросам быстро и по делу.

Оставляю ссылочку: GitHub 📱

➡️ GitHub Ready | #репозиторий