Senior Frontend Developer
Миссия роли
Проектирование и развитие масштабируемых фронтенд-систем (SPA/Micro Frontends) на React + TypeScript: от архитектуры и производительности до качества кода.
Задачи и ответственность
Проектирование и развитие микрофронтенд-архитектуры (Webpack 5 Module Federation), общих модулей (аутентификация, дизайн-система, i18n).
Разработка и поддержка SPA/PWA: бизнес-функционал, админ-панели, публичные интерфейсы, интеграции.
Рефакторинг и оптимизация производительности (время интерактива, размер бандла, кеширование, код-сплиттинг, мемоизация).
Настройка и поддержка сборки (Webpack 5/CRACO/Vite), контроль сборок на прод, релизный цикл.
Интеграции с API: REST, WebSocket/socket.io, WebRTC работа с ошибками и ретраями, кэширование данных (React Query/RTK Query).
Развитие и поддержка дизайн-системы/библиотеки компонентов (Storybook), унификация UI (Ant Design/MUI/Styled Components/Emotion/JSS/Tailwind/SASS/LESS).
Обеспечение доступности (a11y) и адаптивности, соответствие стандартам (семантика HTML5).
Локализация (i18n), мультиязычность.
Code review, менторство, декомпозиция задач, контроль сроков.
Взаимодействие с продуктом/дизайном/бэком: проработка UX (wireframes, CJM, UML), согласование API-контрактов.
Участие в тестировании и качестве: юнит/интеграционные/e2e, статический анализ и линтинг.
Участие в инцидентах и профилактике: мониторинг фронтенд-ошибок, профилирование, регресс-контроль.
Обязательные навыки и опыт
4–6+ лет коммерческой разработки на JavaScript (ES6+) и 3–4+ года на TypeScript.
Глубокий опыт с React 17/18 (Hooks, TSX), маршрутизация, форма-менеджмент (React-Hook-Form/Formik), управление состоянием:
Redux/Redux Toolkit, RTK Query; и/или
Микрофронтенды: Webpack 5 Module Federation (host/remote, версии, shared deps, изоляция, деплой).
Архитектура крупных SPA/админ-панелей: модульность, слои, договоренности по код-стайлу и архитектурным правилам.
Сетевое взаимодействие: RESTful API (axios/fetch), WebSocket/socket.io, WebRTC , кэширование и консистентность данных (React Query/RTK Query).
Сборка и оптимизация: Webpack 5, Vite/CRACO; code-splitting, dynamic imports, tree-shaking, bundle-анализ.
Верстка уровня senior: семантический HTML5, современный CSS3, адаптив, BEM; препроцессоры (SASS/SCSS/LESS); CSS-in-JS (Styled-components/Emotion/JSS) и/или утилитарные фреймворки (Tailwind).
UI-библиотеки: Ant Design и/или MUI (кастомизация тем, дизайн-токены).
Доступность и производительность: Lighthouse/PageSpeed, TTI/LCP/CLS, практики a11y.
Тестирование: Jest/React Testing Library, e2e (Playwright/Cypress).
Инструменты: Git/GitLab, CI/CD, Jira, Figma, Postman/Insomnia.
Будет плюсом
Next.js (SSR/SSG), PWA-паттерны, офлайн-режим, сервис-воркеры.
Построение/поддержка собственных UI-китов, Storybook-библиотек.
Vue 3/Nuxt 3, Svelte — как дополнительный опыт для кросс-командных задач.
Базовые практики безопасности фронтенда (OWASP Top 10 для Web, защита от XSS/CSRF).
Процессы и взаимодействие
Agile/Scrum, короткие итерации; планирование/оценка спринтов, ведение бэклога дефектов и фич.
Git-flow/trunk-based, обязательные MR, статический анализ (ESLint, TypeScript strict), форматирование (Prettier).
Контроль качества релизов: feature flags, canary, rollback-стратегии.
Совместная работа с дизайном/аналитикой: Figma, Miro, UML-диаграммы, CJM, wireframes.
Метрики успеха (ориентиры)
Технологический стек (ядро позиции)
React 18 + TypeScript, React Router, React Query / RTK Query, Redux Toolkit / Zustand.
Webpack 5 (Module Federation), Vite/CRACO.
UI: Ant Design, MUI, Styled-components/Emotion/JSS, SASS/SCSS/LESS, Tailwind.
Интеграции: REST, GraphQL (Apollo), WebSocket/socket.io, WebRTC.
Тесты: Jest, React Testing Library, Playwright/Cypress.
Инфра: Git/GitLab, CI/CD, Jira, Figma, Storybook, Postman.