🈂️ обучающие материалы и документация
🈂️ UI-библиотеки и компоненты
🈂️ CSS- и JavaScript-инструменты
🈂️ API и полезные сервисы
🈂️ хостинги и платформы для деплоя
🈂️ браузерные расширения
🈂️ генераторы, онлайн-инструменты и многое другое

import { useState } from 'react';

function useFormStatus() {
  const [isSubmitting, setIsSubmitting] = useState(false);
  const [error, setError] = useState(null);

  const submit = async (action) => {
    setIsSubmitting(true);
    try {
      await action();
    } catch (err) {
      setError(err);
    } finally {
      setIsSubmitting(false);
    }
  };

  return { isSubmitting, error, submit };
}

function LoginForm() {
  const { isSubmitting, error, submit } = useFormStatus();

const handleSubmit = () => {
    submit(async () => {
      // Асинхронная отправка данных
    });
  };

  return (
    <form onSubmit={handleSubmit}>
      <button type="submit" disabled={isSubmitting}>
        {isSubmitting ? 'Submitting...' : 'Submit'}
      </button>
      {error && <p>{error.message}</p>}
    </form>
  );
}

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

Цвета, отступы и типографика должны наследоваться от общей дизайн-системы, а не быть разбросаны по CSS.

Таблица должна одинаково хорошо выглядеть в светлой и темной теме, сохраняя контраст и читаемость.

Для больших наборов данных виртуализируйте строки и избегайте тяжелых инлайновых стилей и лишних перерисовок.

Поддержка клавиатурной навигации, Screen Reader, фокус-состояний и достаточного контраста — уже базовое требование.

На планшетах и небольших экранах таблица должна корректно менять ширину колонок, сохраняя удобство работы.