Frontend-разработчик (React / Next.js)

Интерфейсы, которые не теряют пользователя

Frontend-разработчик с опытом backend: делаю интерфейсы, которые быстро грузятся, легко масштабируются и не теряют пользователя на сложных сценариях.

Смотреть кейсы
Светлана Хайрудинова
Обо мне

Пишу код, который приносит
пользу пользователям и результат продукту

Убираю лишние запросы

Перевела главную ленту с SSR на RTK Query — повторные запросы сократились с 3–4 до 0 благодаря клиентскому кэшированию.

Собираю сложные модули

Создала модуль отзывов с бесконечной пагинацией, оптимистическими обновлениями и inline-редактированием без перехода на отдельную страницу.

Ускоряю загрузку

Использую SSR, lazy loading и code splitting для ускорения первой загрузки и уменьшения объёма JavaScript.

Использую AI как инженерный инструмент

Интегрировала Cursor, Codex и MCP в процесс разработки: исследование → проектирование → реализация → ревью кода.

Проектирую архитектуру приложений

Разделяю ответственность между Server и Client Components, использую SSR и гидратацию в Next.js App Router.

Синхронизирую состояние

Связала Redux, URL и API — фильтры каталога сохраняются при навигации и обновлении страницы.

Покрываю код тестами

Использую Vitest для проверки компонентов и бизнес-логики, снижая риск регрессий.

Навыки

Инструменты, которыми решаю задачи каждый день

Core
ReactTypeScriptNext.jsJavaScript (ES6+)HTML5
State & Data
Redux ToolkitRTK QueryREST APISSR / Hydrationclient-side cachingReact Hook FormZod
Тесты и качество
VitestStorybookGitCI/CDFeature-Sliced Design
Backend-смежное
Node.jsExpressPHPLaravelPostgreSQLMySQLDockerCloudinary
Также работала с:
Vue.jsMaterial UI
Избранные кейсы

Результат сначала, детали реализации — потом

01
Роль: Fullstack DeveloperИюль 2023 — настоящее время

Экосистема Альфа — маркетплейс объявлений и аукционов

Цель: каталог, фильтрация, отзывы, личный кабинет, real-time чат — в кросс-функциональной Agile-команде
Результат: Устранила повторные сетевые запросы при навигации между вкладками — с 3-4 до 0

Спроектировала слой данных так, чтобы переключение между вкладками каталога не порождало лишних сетевых вызовов.

Next.jsReactTypeScriptRedux ToolkitRTK Query
02
Роль: Web-разработчикСентябрь 2021 — Май 2023

myHotel — система управления гостиницей

Цель: веб-приложение для управления гостиничным бизнесом: бронирование, номера, пользователи и заказы
Результат: Переиспользуемые UI-компоненты и стабильный REST-слой между React и Laravel

Разрабатывала frontend на React, реализовывала сценарии бронирования и управления заказами, интегрировала его с Laravel-бэкендом через REST API, обрабатывала состояния загрузки и ошибок, работала с PostgreSQL и Docker на уровне локальной разработки, участвовала в обсуждении технических решений с backend-командой и рефакторила компоненты.

ReactREST APILaravelPostgreSQLDocker
03
Роль: Fullstack Developer InternСентябрь — Декабрь 2023

Questionnaire App — Itransition

Цель: конструктор опросов с ролями пользователей
Результат: Полный цикл за 4 месяца: интерфейс → API → роли доступа

Реализовала drag-and-drop конструктор форм на frontend и REST API на Express.js на backend — от интерфейса до ролей доступа и загрузки изображений.

ReactExpress.jsMySQLCloudinary
Как я думаю

Инженерный подход, а не просто реализация

Каждое техническое решение принимаю с учетом требований продукта, ограничений проекта и долгосрочной поддержки кода.

Сначала понимаю ограничения
Прежде чем выбирать решение, определяю требования, ограничения и то, что нельзя менять.
Простота — по умолчанию
Выбираю самое простое решение и усложняю его только тогда, когда это действительно необходимо.
Думаю о развитии проекта
Предпочитаю решения, которые легко поддерживать, расширять и при необходимости изменить.
Ask My AI

Есть вопрос обо мне? Спросите напрямую

Небольшой помощник, обученный на моём опыте и кейсах — задайте вопрос или выберите один из готовых.

Привет! Спросите меня что-то обо мне и моей работе, или выберите готовый вопрос ниже.
Документы

Резюме и подтверждающие документы

Контакты

Обсудим задачу?