- Страна
- Россия
- Зарплата
- 150 000 ₽ – 190 000 ₽
Middle Frontend Developer (React, Next.js)
Оценка ИИХорошая вакансия для Middle-разработчика с актуальным стеком технологий и прозрачными требованиями. Привлекательные бонусы в виде обучения и доступа к AI-инструментам, однако зарплата находится в среднем рыночном диапазоне.
Улучшите резюме под эту вакансию
Возьмём требования и создадим новую версию резюме с акцентом на нужный опыт
Сложность вакансии
Оценка ИИПозиция требует уверенного владения современным стеком (Next.js App Router, TanStack Query, Zustand) и глубокого понимания механизмов рендеринга. Ожидается умение работать с анимациями и оптимизацией производительности.
Анализ зарплаты
Оценка ИИПредлагаемая вилка 150 000 — 190 000 ₽ соответствует среднерыночным показателям для Middle Frontend разработчика в России, хотя верхняя граница могла бы быть чуть выше для специалистов с глубоким знанием Next.js.
Сопроводительное письмо
Составьте идеальное письмо к вакансии с ИИ-агентом
Откликнитесь в Coperto уже сейчас
Присоединяйтесь к команде Coperto и развивайте современные интерфейсы на Next.js, откликнувшись через официального бота!
Описание вакансии
Область и стек: Фронтенд
Должность: Middle Frontend Developer (React, Next.js)
Компания: Coperto
Зарплатная вилка: 150 000 — 190 000 ₽/мес
Формат работы: Удаленка
Страна работы: Россия
Обязанности
• Разработка ui на Next.js (App Router): серверные и клиентские компоненты, стриминг, границы загрузки и ошибок
• Проектирование архитектуры фичи - слои, переиспользуемые модули, понятные контракты компонентов
• Строгая типизация на TypeScript: доменные модели, дженерики, типизация ответов API и форм
• Работа с серверным состоянием через TanStack Query: ключи кэша, инвалидация, оптимистичные обновления и откаты
• Клиентское состояние на Zustand / Redux Toolkit - без дублирования серверного кэша
• Анимации и микровзаимодействия на Framer Motion / GSAP без просадки производительности
• Оптимизация: Core Web Vitals, размер бандла, лишние ре-рендеры, кэширование и ревалидация в Next.js
• Код-ревью младших разработчиков, участие в планировании и декомпозиции задач
• Поддержка ESLint / Prettier, проверок в CI и технической документации проекта
Требования
• От 2 лет коммерческой разработки на React, из них не менее года на Next.js
• Уверенный TypeScript: дженерики, утилити-типы, дискриминируемые объединения, типизация API
• Понимание рендеринга в Next.js: RSC против клиентских компонентов, SSR/SSG/ISR, кэширование, route handlers, middleware
• Опыт с TanStack Query или аналогом: кэш, инвалидация, оптимистичные апдейты, обработка гонок
• Знание React изнутри: правила ре-рендера, мемоизация, Suspense, error boundaries
• Уверенный Tailwind CSS и умение собрать переиспользуемую дизайн-систему, а не набор классов
• Опыт работы с формами и валидацией (React Hook Form + Zod или аналоги)
• Git, ветки, pull request'ы, осмысленные коммиты, участие в код-ревью
• Умение самостоятельно декомпозировать задачу и аргументировать архитектурное решение
• Будет плюсом: Framer Motion / GSAP, тесты (Vitest, Testing Library, Playwright), работа с макетами в Figma, интеграции с AI-API
Что предлагаем
• Удалённый формат работы из России
• Свободный график
• Влияние на архитектуру фронтенда
• Доступы к AI-сервисам (ChatGPT, Claude и другие)
• Обучение за счёт компании: курсы, книги, конференции, оплата хакатонов
#вакансия #frontend #react #nextjs #typescript #tailwind #zustand #reactquery #tanstackquery #javascript #middle #remote
Создайте идеальное резюме с помощью ИИ-агента
Навыки
- React
- Next.js
- TypeScript
- TanStack Query
- Zustand
- Redux Toolkit
- Framer Motion
- GSAP
- Tailwind CSS
- React Hook Form
- Zod
- Git
- ESLint
- Prettier
- Vitest
- Playwright
Возможные вопросы на собеседовании
Проверка понимания ключевой особенности Next.js App Router.
В чем принципиальная разница между Server и Client Components в Next.js, и в каких случаях вы решите перенести компонент на клиент?
Оценка навыков работы с асинхронным состоянием и UX.
Как вы реализуете оптимистичное обновление (optimistic update) с помощью TanStack Query и как обрабатываете возможные ошибки сервера в этом процессе?
Проверка знаний TypeScript на продвинутом уровне.
Можете ли вы привести пример использования Generic-типов или Discriminated Unions для типизации сложных ответов от API?
Оценка навыков оптимизации производительности.
Какие стратегии вы используете для предотвращения лишних ре-рендеров в React и как анализируете размер бандла в Next.js проекте?
Проверка архитектурного мышления.
