💡 Примеры запросов
Сверстать компонент на React
Напиши React-компонент для карточки товара. Включи: изображение, название, цену, рейтинг, кнопку "В корзину". Используй TypeScript, CSS Modules, учти loading и error состояния. Добавь анимацию появления.
🚀 Попробовать
Сделать адаптивную сетку
Сверстай адаптивную сетку карточек на CSS Grid. Требования: 4 колонки на десктопе, 2 на планшете, 1 на мобильном. Карточки одинаковой высоты, отступы 16px. Добавь media queries.
🚀 Попробовать
Написать хук на React
Напиши кастомный хук useDebounce на TypeScript. Он должен принимать значение и задержку в мс, возвращать debounced значение. Добавь тесты на Jest.
🚀 Попробовать
Анимация появления
Сделай CSS-анимацию плавного появления карточки снизу вверх с размытием. Используй @keyframes и animation. Добавь stagger-эффект для списка карточек (задержка для каждой следующей).
🚀 Попробовать
Оптимизировать загрузку
Проанализируй типичный React-сайт и предложи 10 способов оптимизации загрузки. Как уменьшить bundle size, настроить code splitting, lazy load изображений? Дай примеры кода для React.lazy и Suspense.
🚀 Попробовать
❓ Частые вопросы
Какие фреймворки знает ИИ?
React, Vue.js, Angular, Svelte, Next.js, Nuxt.js — основные frontend-фреймворки и их экосистемы.
Может ли ИИ сверстать целый сайт?
ИИ генерирует компоненты и стили. Архитектура приложения и дизайн-решения — зона ответственности разработчика.
Экономит ли ИИ время?
Frontend-разработчики экономят до 18 часов в неделю на вёрстке и написании компонентов.
OpaGPT