улица Пушкина 46
Задачи.
Разработка и поддержка пользовательских интерфейсов для трёх внутренних продуктов: дашборды угроз, поиск и визуализация индикаторов (IoC), формы управления инцидентами, админ-панели и отчёты.
Интеграция с бэкенд-API: настройка HTTP-запросов, обработка состояний загрузки/ошибок, работа с пагинацией, фильтрацией и кешированием данных.
Разработка переиспользуемых UI-компонентов в соответствии с дизайн-системой (Material UI), поддержка единой библиотеки компонентов для всех проектов.
Оптимизация производительности фронтенда: виртуализация больших таблиц/списков, ленивая загрузка маршрутов, эффективное управление состоянием, устранение лишних ре-рендеров.
Участие в процессе обеспечения качества: написание unit-тестов для критических компонентов, прохождение код-ревью, соблюдение стандартов линтинга и форматирования.
Взаимодействие с командой: уточнение требований у Техлида и РГ, совместная работа с Backend-разработчиками над API, демонстрация реализованного функционала.
Ведение технической документации по фронту: описание компонентной архитектуры, инструкции по локальному запуску, фиксация принятых решений по UX/UI.
Требования.
Опыт и роль:
От 2 лет коммерческой разработки на стеке React + TypeScript.
Опыт самостоятельной реализации фич от макета/ТЗ до выкладки в тестовую среду.
Hard Skills:
Уверенное владение React 18+, хуками, паттернами компонентов, жизненным циклом рендеринга.
Строгая типизация: TypeScript (strict mode), умение проектировать интерфейсы, работать с дженериками, избегать any.
State management: опыт работы с Zustand или Redux Toolkit (понимание потоков данных, селекторов, асинхронных экшенов).
Работа с серверным состоянием: React Query или RTK Query (кеш, инвалидация, оптимистичные обновления).
UI-библиотеки: Material UI (MUI 5/6), адаптивная вёрстка, кастомизация тем, работа с формами (React Hook Form + валидация).
Инструменты сборки и разработки: Vite, React Router, Axios, Git, ESLint, Prettier.
Понимание основ веб-безопасности: CORS, CSP, хранение токенов, основы OIDC/OAuth2.
Soft Skills & Процессы:
Умение читать технические спецификации/API-документацию и задавать уточняющие вопросы до начала разработки.
Дисциплина в работе с Git: ветвление, чистая история коммитов, работа с merge-запросами.
Готовность к регулярным код-ревью и конструктивной обратной связи.
Проактивность: предложение улучшений UX, сообщение о найденных несоответствиях в требованиях или дизайне.
Будет преимуществом:
Опыт разработки в сфере информационной безопасности.
Практика работы с виртуализацией списков (react-window / @tanstack/react-virtual), сложными графиками (Chart.js, ECharts, D3).
Опыт внедрения Drag & Drop (@dnd-kit), анимаций (Framer Motion / Motion).
Понимание архитектурных подходов: Feature-Sliced Design (FSD), модульная структура фронтенда.
Базовое знание тестирования: Vitest, React Testing Library.
