Просмотр вакансии

Обязанности:

Разрабатывать интерфейсы операторского рабочего места: сетки видеопотоков, карточки событий/тревог, списки камер.

Реализовывать карту: маркеры/кластеры, фильтры, интерактивные оверлеи.

Интегрироваться с API (GraphQL через URQL, REST через openapi-fetch), настраивать типизацию и кэширование (React Query).

Внедрять и улучшать видеоплеер (Video.js + HLS.js), оптимизировать задержку/буферизацию.

Поддерживать архитектуру по Feature-Sliced Design (FSD), соблюдать конвенции и качество кода.

Участвовать в ревью, профилировать производительность.

Требования:

3–5+ лет в веб-разработке, из них 2+ года — React.

TypeScript на уровне middle+: generics/utility types, строгий режим, ESLint.

Практический опыт с React Query (кэш, инвалидация, фоновые рефетчи, optimistic updates).

Опыт картографии (Leaflet/MapLibre/Mapbox) или сложных визуализаций (Canvas/SVG).

Интеграции REST/GraphQL, работа «от схемы» и генерации типов.

Базовые навыки Docker/Docker Compose.

Готовность работать в офисе в Белграде.

Будет плюсом:

Видео-стриминг: HLS/WebRTC, multi-view (grid), хоткеи.

CASL (RBAC/ACL), Better Auth, защищённые маршруты.

Playwright (фикстуры, trace, изоляция состояния).

Продвинутый MobX (атомарные апдейты, эффекты).

Опыт в строгой структуре проектов (FSD) и соблюдении архитектурных линтеров.

Вклад в open-source/тех-блог/доклады.

Условия:

Влияние на продукт реального сектора (городская безопасность).

Сильная команда, код-ревью, архитектурные сессии.

Прозрачные релизы (semantic-release), автогенерация версий.

Уровень компенсации — конкурентный, обсуждается индивидуально.
Это офисная позиция в Белграде.

Технологии (стек)

Core: React 19, TypeScript 5.8, Vite 6, React Router 7
State/Data: MobX 6, TanStack Query 5, URQL, openapi-fetch
UI/UX: Ant Design 5, Emotion, Leaflet/React-Leaflet, Video.js + HLS.js, React DnD
Auth/ACL: Better Auth, CASL
i18n: i18next
Тесты/Качество: Vitest, Playwright, Testing Library, ESLint/Prettier, Husky/lint-staged, Commitlint, Semantic Release
Архитектура: Feature-Sliced Design (FSD), barrel-exports, eslint-plugin-project-structure