Обязанности:
● Разрабатывать интерфейсы операторского рабочего места: сетки видеопотоков, карточки событий/тревог, списки камер.
● Реализовывать карту: маркеры/кластеры, фильтры, интерактивные оверлеи.
● Интегрироваться с 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
