Senior Frontend Разработчик
M9 PROJECTS AND INVESTMENTS
- Алматы
- Постоянная работа
- Полная занятость
Миссия ролиПроектирование и развитие масштабируемых фронтенд-систем (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.Инвестиционная компания
HeadHunter