Функциональные компоненты с TypeScript, hooks (включая custom), Next.js 15 App Router, Server Components, Server Actions. Tailwind, shadcn/ui. Тесты Vitest + Testing Library.
Бесплатно · Работает в России · Оплата в рублях
React 19 + Next.js 15 (App Router) — современный стек. Class components устарели, hooks правят бал. Server Components меняют ментальную модель: что рендерится на сервере, что на клиенте. AI знает эти нюансы и не предложит вам устаревшее решение.
AI пишет с TypeScript по умолчанию (типизация props, обработчиков, generic-хуков), follow React best practices (lazy loading, Suspense boundaries, error boundaries, не злоупотреблять useEffect).
Под эту конкретную задачу
App Router, Server Components, Server Actions, use hook, useActionState, useOptimistic. AI знает что устарело (pages router) и что современно.
Tailwind CSS v4, shadcn/ui, Radix UI primitives, Framer Motion для анимаций. Headless UI компоненты с правильной a11y.
Vitest + React Testing Library + jsdom. Не Jest (он медленнее). Тесты пишутся как взаимодействие пользователя, не как проверка внутреннего state.
Скопируйте и используйте в агенте — подставьте свои данные
Напиши React-компонент для модального окна: - Next.js 15 App Router, "use client" - TypeScript с типизацией всех props - Tailwind CSS + shadcn/ui Dialog - Состояние через useState (open/close) - Анимация открытия через Radix UI - Кнопка закрытия + close по Escape + close по клику на overlay - Type-safe события onConfirm и onCancel - Доступность (a11y): focus trap, role="dialog", aria-labelledby
По задаче и по Code Agent
Да. AI спросит (или решит сам) что должно быть на сервере (запросы к БД, секреты), что на клиенте (интерактивность, hooks). Поставит "use client" только где нужно.
Сейчас фокус на React/Next.js. Для Vue/Svelte используйте [Code Agent](/agents-ai/code) с явным указанием фреймворка в запросе.
По умолчанию Tailwind (самый популярный в 2026). Если нужен Emotion / styled-components / CSS Modules — укажите в запросе.
Python, JavaScript, TypeScript, Go, Rust, Java, C++, C#, PHP, Ruby, Swift, Kotlin, SQL, Bash, HTML/CSS — 15 языков. Для каждого языка агент знает идиомы, стандартную библиотеку и популярные фреймворки.
Да, результат можно запустить в встроенной песочнице прямо в браузере (для JavaScript/TypeScript/Python). Для других языков — скопируйте код в свою IDE.
Code Agent специализирован: 6 отдельных режимов (не нужно объяснять что вы хотите), подсветка синтаксиса, выбор языка, history, песочница. Плюс использует лучшую модель для кода автоматически.
Другие сценарии этого же агента
Генерация функций, классов, API endpoints. Объяснение чужого кода. Рефакторинг с типизацией. Тесты pytest. Дебаг ошибок. Под Django, Flask, FastAPI, pandas, NumPy.
Находит баги (включая race conditions, утечки), проблемы безопасности (SQL injection, XSS, secrets в коде), производительность (N+1, неоптимальные запросы), читаемость.