Senior Frontend Разработчик( M9 PROJECTS AND INVESTMENTS )

Компания "M9 PROJECTS AND INVESTMENTS"

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.