Frontend-разработчик (React)

О компании
ОктопусТех — IT-аккредитованная компания с более чем 15-летним опытом разработки и внедрения решений в области машинного обучения, компьютерного зрения и автоматизации бизнес-процессов.

Кого мы ищем

Мы приглашаем Frontend-разработчика с глубоким знанием React, готового подключиться к проектным задачам по созданию нового интерфейса для раздела медиапланирования. Вам предстоит «натянуть» новый дизайн поверх уже существующего продукта и обеспечить корректную работу компонентов согласно техническому заданию и макетам в Figma.

Описание проекта и функциональных задач

• Интеграция нового дизайна:

  • Реализация верстки и адаптивной разметки на основе макетов в Figma.

  • Подключение глобальных стилей, шрифтов и темизации.

• Разработка окружения (global setup):

  • Настройка маршрутизации (react-router).

  • Конфигурация темизации и глобальных CSS-переменных.

  • Настройка codegen-типизации на основе OpenAPI-схем, получаемых с backend.

• Разработка интерфейса раздела «Медиапланирование»:

  • Верстка страницы деталей медиаплана с адаптивной разметкой.

  • Создание компонентов для управления медиапланом вне таблицы (кнопки, фильтры, модальные окна).

  • Интеграция с серверным API (axios) для загрузки и отправки данных.

  • Реализация логики взаимодействия компонентов с данными внутри таблицы (динамические обновления, сортировка, фильтрация).

  • Оптимизация рендеринга, использование мемоизации состояний (React.memo, useMemo, useCallback).

Стек

• Фреймворк и архитектура: React 19 (Vite), архитектура Feature-Sliced Design (FSD)

• Маршрутизация: react-router

• UI-библиотека: Ant Design

• Состояние: zustand

• Стилизация: styled-components

• HTTP-клиент: axios

• Типизация: TypeScript (генерация типов через OpenAPI codegen)

• Билд и сборка: Vite

• Контроль версий и CI/CD: Git (GitHub/GitLab), GitLab CI/CD

• Инструменты разработки: ESLint, Prettier, Stylelint

Обязанности

• Настройка и поддержка глобального окружения проекта (роутинг, темизация, типизация).

• Верстка новых страниц и адаптивных компонентов по Figma-макетам.

• Работа с Ant Design: создание и кастомизация UI-компонентов.

• Интеграция фронтенда с backend через axios и OpenAPI-схемы (codegen).

• Реализация логики взаимодействия компонентов и оптимизация рендеринга.

• Участие в обсуждении архитектуры, предложение улучшений и решение задач автономно.

Пожелания к опыту

• Опыт разработки на React 18+ (предпочтительно React 19 с Vite).

• Знание архитектуры Feature-Sliced Design (FSD).

• Уверенные навыки работы с react-router, Ant Design и zustand.

• Опыт стилизации компонентов с помощью styled-components.

• Знание TypeScript и умение настраивать codegen для OpenAPI.

• Навыки интеграции с backend через axios и работы с OpenAPI-схемами.

• Опыт оптимизации производительности рендеринга (мемоизация, lazy-loading).

• Уверенное владение Git и участие в CI/CD-процессах (GitLab CI/CD).

• Навыки работы с ESLint, Prettier и Stylelint; умение поддерживать единый кодстайл.

Будет плюсом

• Опыт вёрстки сложных интерфейсов на основе Figma.

• Понимание принципов построения UI/UX и навыки адаптивного дизайна.

• Опыт работы с FSD-архитектурой в крупных проектах.

• Знание дополнительных библиотек для визуализации данных (например, Recharts).

Условия сотрудничества

• Проектная занятость в удалённом формате
• Гибкий график
• Возможность последующего перехода в штат по ТК РФ при наличии взаимного интереса и открытой вакансии
• Доступ к высокопроизводительному оборудованию для экспериментов с LLM

Как подать заявку

Откликнитесь на вакансию на hh.ru, приложив резюме.

Если Ваши опыт и навыки подойдут нам, мы вышлем ссылку на анкету для уточнения деталей и примеров кода.

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

Обратите внимание: этот отклик позволяет нам информировать Вас о текущих и будущих возможностях участия в наших проектах.