Frontend Developer (React/TypeScript, Middle)

Задачи.

Разработка и поддержка пользовательских интерфейсов для трёх внутренних продуктов: дашборды угроз, поиск и визуализация индикаторов (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.