Frontend-разработчик (React)

2022–2025
Стек: React, JavaScript, TypeScript, Gatsby, Next.js, GraphQL, Redux, Redux Toolkit, Zustand, Vue, Nuxt, Pinia, Jest, Material UI, Figma.

Обязанности:
— Проработка продуктовых и технических решений.
— Анализ, развитие и рефакторинг архитектуры проекта.
— Разработка переиспользуемых UI-компонентов, блоков и страниц с бизнес-логикой по дизайн-макетам Figma.
— Реализация новых фичей и поддержка существующего функционала, включая работу с legacy-кодом.
— Мониторинг и поддержка показателей производительности и скорости загрузки приложения.
— Ведение крупных задач — от обсуждения требований до релиза в продакшен.
— Совместная работа с backend-разработчиками и дизайнерами над реализацией продуктовых требований.
— Проведение code review коллег.
— Участие в сборе требований, оценке задач и планировании спринтов.
— Ведение и актуализация технической документации.
— Онбординг новых frontend-разработчиков.

Результаты:
1. Доработка сборки проекта для поддержки нескольких версий сайта под разные лицензии.

2. Оптимизация скорости загрузки и производительности сайта: внедрила ряд улучшений, в том числе ленивую загрузку компонентов, виртуализацию больших списков, мемоизацию и кэширование запросов с помощью React Query, в результате чего показатели Core Web Vitals были стабильно выведены в зелёную зону: LCP 2,9s → 2,3s (−21%), FCP 2,6s → 1,6s (−38%), INP 0,6s → 0,1s (−83%).

3. Запуск с нуля отдельного сайта на Vue + Nuxt с серверным рендерингом (SSR) и использованием Pinia.

4. Интеграция headless CMS Contentstack: изучила архитектуру CMS и реализовала её подключение к сайту в рамках перехода компании на централизованную систему управления контентом.

5. Оптимизация процесса сборки и деплоя: реализовала отдельную тестовую сборку и настроила автоматические запуски в зависимости от веток и тегов, ускорив тестирование и релизы и повысив удобство работы команды с CI/CD.

6. Рефакторинг компонентов: объединила дублирующийся функционал в универсальные компоненты, упростив поддержку и ускорив дальнейшую разработку.

7. Создание единого источника регулярно обновляемых ссылок на приложения: настроила централизованное хранение в CMS и доработала компоненты для работы с ним, что ускорило обновления и снизило количество ошибок.

8. Настройка системы автоматизированного контроля качества кода: внедрила ESLint, Prettier, Stylelint, Husky для повышения эффективности командной разработки и снижения количества багов.

9. Внедрение технической документации: инициировала и организовала процесс сбора и хранения документации, что упростило поддержку проекта и ускорило онбординг новых разработчиков.
_______________________________

2020–2022
Стек: JavaScript, TypeScript, HTML, Pug, CSS, SCSS, Webpack, Gulp, Docker, i18n.

Обязанности:
— Реализация клиентской логики.
— Интеграция с REST API.
— Кроссбраузерная, адаптивная верстка с нарезкой макетов из Figma и Photoshop.
— Реализация сложных анимаций с использованием GSAP библиотеки.
— Рефакторинг кода.

Результаты:
1. Перевод проекта с JavaScript на TypeScript для снижения количества ошибок на этапе разработки и упрощения поддержки проекта.

2. Миграция проекта с jQuery на нативный JavaScript для повышения производительности и облегчения поддержки проекта.

3. Настройка сайта как PWA-приложения для возможности установки на Android и публикации в Google Play.