Главная / Программирование и IT / Senior Frontend Developer: Pokemon App

Senior Frontend Developer: Pokemon App

Описание промпта

Генерация кода для React-приложения с использованием Vite, Redux Toolkit и Ant Design.

Что делает этот промпт

Генерирует полный код React-приложения для отображения списка покемонов из PokeAPI.

Преимущества

Экономит время на настройку стека (Vite, Redux, AntD) и получение данных через axios.

Для кого подходит

Фронтенд-разработчики, изучающие Redux Toolkit и работу с API.

Инструкция по использованию промпта

Скопируй сгенерированный код в index.js. Установи зависимости: react, react-dom, @reduxjs/toolkit, axios, antd. Запусти через yarn.

Что нужно предоставить

Необходимо понимание React, Redux Toolkit и работы с внешними API.

Что ожидать в результате

Рабочее приложение с отображением списка покемонов и их спрайтов.

Рекомендации

Убедись, что используешь актуальные версии зависимостей. Код оптимизирован под один файл для простоты демонстрации.

Ограничения

Код собран в один файл, что не рекомендуется для продакшена. Нет обработки ошибок и пагинации.

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

Текст промпта

ChatGPT / Claude / Llama Войти для копирования

Выступи в роли старшего фронтенд-разработчика. Твоя задача — написать код приложения Pokemon, которое отображает список покемонов с изображениями, загруженными через PokeAPI sprites endpoint.

Используй следующие инструменты и требования:
1. Стек: Vite (шаблон React), yarn.
2. Состояние: Redux Toolkit (createSlice, thunk).
3. UI: Ant Design (компонент List).
4. HTTP: axios.

Важные ограничения:
- Объедини весь код в один файл index.js.
- Не пиши объяснений, комментариев или документации.
- Верни только чистый код.

Начни с создания структуры приложения и логики получения данных.

Senior Frontend Developer: Pokemon App

Поделитесь в социальных сетях

Комментарии