Автоматическая генерация уникальных ID для объектов!

В реальных проектах часто нужны уникальные идентификаторы для компонентов, элементов формы или объектов данных.

Можно сделать универсальный генератор, который гарантирует уникальность и читабельность ID.

Создадим локальный генератор с префиксом:

function createIdGenerator(prefix = "id") {
    let counter = 0;
    return () => `${prefix}-${++counter}`;
}
const generateUserId = createIdGenerator("user");

Используем для объектов:

const user1 = { id: generateUserId(), name: "Alice" };
const user2 = { id: generateUserId(), name: "Bob" };
console.log(user1, user2); // → {id: "user-1"} {id: "user-2"}

Создадим универсальную функцию для массивов объектов:

function assignIds(items, prefix = "item") {
    const gen = createIdGenerator(prefix);
    return items.map(item => ({ ...item, id: gen() }));
}

Применение:

const tasks = [{ task: "JS" }, { task: "React" }];
console.log(assignIds(tasks, "task"));
// → [{task:"JS",id:"task-1"}, {task:"React",id:"task-2"}]

🔥 Простое, нативное и масштабируемое решение для генерации уникальных ID в проектах.

📣 JS Ready | #практика

👩‍💻 Слышали, что в VS Code ваши Markdown-таблицы могут выглядеть аккуратными и понятными прямо в исходном коде?

Markdown Table Prettifier — плагин, который автоматически форматирует таблицы в тексте. Очень удобно: сразу видно, как выглядит таблица, без постоянного переключения на превью.

Особенно помогает при написании документации и любых текстов с таблицами — комфортно и быстро.

📣 JS Ready | #vscode

Таймер обратного отсчёта на JS!

Научим JS считать время до события и выводить оставшееся в консоль.

Сначала напишем функцию форматирования:

function formatTime(ms) {
  const sec = Math.floor(ms / 1000) % 60;
  const min = Math.floor(ms / 60000) % 60;
  const hr = Math.floor(ms / 3600000);
  return `${hr}ч ${min}м ${sec}с`;
}

Теперь создадим функцию обратного отсчёта:

function countdown(targetTime) {
  const tick = () => {
    const diff = targetTime - Date.now();
    if (diff <= 0) {
      clearInterval(interval);
      console.log("Время вышло!");
    }

Проверяем условие окончания обратного отсчёта:

    else {
      console.log(formatTime(diff));
    }
  };
  tick();
  const interval = setInterval(tick, 1000);
}

countdown(Date.now() + 10000);

🔥 Это легкий способ создать обратный отсчет для событий и уведомлений!

📣 JS Ready | #практика