React Frontend developer

На данный момент React разработчик.

Мои компетенции и опыт

Группа Телематика-Один

Frontend-разработчик 

Октябрь 2024 - настоящее время

Основной продукт - РНИС (навигационно-информационная система): региональная государственная платформа, в которую поступают данные с бортовых навигационных устройств (БНСО) транспортных средств, и на основе которых строится контроль пассажирских перевозок, дорожного обслуживания и работы прочих автотранспортных предприятий

Стек технологий: React 19, React 15, JavaScript (ES6), TypeScript, Leaflet, Openlayers, HTML, LESS, Redux, Redux Toolkit, RTK Query, Redux-Saga, REST API, GraphQL, React Router v5, HTML5, Webpack, Vite, WebSocket, Tanstack Query, Tailwind, Микрофронты, ESLint, Prettier, Jest, Vitest, Git (GitLab), CI/CD, Jira, Docker, Code Review, UI/UX

Достижения:

• Инициировал и провёл миграцию микрофронта с Redux + Redux-Saga на TanStack Query и TypeScript: вынес 17 эндпоинтов в переиспользуемые хуки, типизировал контракты с бэкендом, удалил шаблонный код вокруг запросов. Подход защитил в докладе для команды — приняли как стандарт ещё в 7 микрофронтах.
• Перенёс 4 раздела из легаси-монолита в микрофронтенды без остановки старой системы: время загрузки раздела сократилось с 30 до ~4 секунд, раздел перестал тянуть за собой весь монолит — вместо общего бандла на 85 МБ загружается изолированный бандл микрофронта ~4 МБ. Разделы получили независимый деплой, регрессионное тестирование всей платформы на точечных правках отменили — минус ~8 часов QA на релиз.
• Разработал с нуля микрофронтенд управления электронными табло (5 экранов): реестр с серверной фильтрацией и сортировкой, форма создания/редактирования с 5 подгружаемыми справочниками и зависимой логикой полей, выбор остановки на карте при размещении устройства, просмотр размещённых табло на карте, журнал логов. Заменил 4 разрозненных системы одним интерфейсом: оформление одного табло сократилось с 30 до 10 минут.
• Разработал интерфейс построения маршрутов на Leaflet: расчёт между двумя точками, до 5 альтернативных вариантов, детальная отрисовка с пересадками и подсказками по точкам. Оптимизировал отрисовку геометрии при одновременном показе нескольких вариантов — карта перестала подтормаживать.
• Адаптировал внутреннюю библиотеку из 23 компонентов и Storybook под мобильные устройства: переработал таблицы, выпадающие списки, модальные окна и формы под сенсорный ввод и ширину от 360 px. Доля мобильных сессий выросла с 10% до 50% за 2 месяца — диспетчеры получили возможность работать с выезда.
• Разработал интерфейс разбора инцидентов по ТС: таблица происшествий с серверной фильтрацией и сортировкой по 13 колонкам, карточка инцидента с редактируемой формой фиксации результата. Разбор одного инцидента сократился с часа до 20 минут.
• Покрыл unit-тестами на Jest и React Testing Library 5 микрофронтендов, довёл покрытие ключевых модулей до 90% по строкам, в процессе выявил и починил ~10 багов. Количество UI-багов, доходящих до прода, снизилось в 3 раза.

ВТБ Лизинг

Frontend-разработчик

Октябрь 2023 - Сентябрь 2024

Стек технологий: нужен доступ к резюме 14, React 18, JavaScript (ES6), Redux Toolkit, RTK Query, React Hook Form, Ant Design, Leaflet, WebSocket, ESLint, Prettier, Jest, Docker, UI/UX, Webpack, REST API, HTML5, CSS, Code Review

B2B-продукт для предпринимателей и компаний: покупка автотранспорта и спецтехники в лизинг. Компания приобретает технику у поставщика и передаёт её клиенту в пользование с последующим выкупом; клиент платит по графику, а сама техника остаётся в собственности лизингодателя до конца договора

•  Разработал многошаговый мастер оформления лизинговой заявки (5 шагов) на react-hook-form: пошаговая валидация, состояние в Redux Toolkit, автосохранение черновика в localStorage. Доля брошенных заявок снизилась, пользователи возвращаются к черновику и доводят заявку до отправки.
• Реализовал отдельный сценарий мастера для дилеров: динамический состав полей и логика шагов в зависимости от роли подающего. Оформление заявки дилером занимает 20 минут против 1 часа в клиентском сценарии; через дилерский канал проходит 70% всех заявок.
• Разработал интерактивную карту парка на Leaflet с серверной кластеризацией (бэкенд отдаёт кластеры или точки по зуму), фильтрацией по статусу и работой с геозонами. Поиск нужной единицы — за 2 клика вместо выгрузки в Excel.
• Разработал реестр парка техники с серверной пагинацией и сохраняемыми фильтрами: статус, сроки страховки и ТО с отметками о скором окончании, штрафы и местоположение в одной таблице, контроль парка свёлся с 3 систем в один экран.
• Проводил код-ревью ~20 пул-реквестов в неделю, ввёл чек-лист ревью и pre-commit хуки (ESLint, Prettier, husky). Среднее время прохождения PR сократилось с 2 дней до 3 часов, споры о стиле кода на ревью прекратились.
• Оптимизировал рендеринг слоя ТС на карте Leaflet: нужен доступ к резюме с кастомным компаратором + мемоизация обработчиков. Число ререндеров слоя на одно обновление данных сократилось, FPS при зуме вырос с 15 до 60 при 50+ маркерах на экране; обновления по WebSocket перестали фризить интерфейс.

Росгосстрах

Frontend-разработчик

Октябрь 2021 — Октябрь 2023

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

Стек технологий: React 17, Webpack, RTK, Async Thunk, Ant Design, Formik, JavaScript (ES6), TypeScript, REST API, React Router v5, Zod, Git (GitLab), CI/CD, Eslint, Prettier, HTML, CSS, Code Review

• Разработал экран расчёта стоимости ОСАГО и КАСКО с живым пересчётом цены, раскрываемой детализацией по тарифным коэффициентам и мультирасчётом на 3–4 варианта покрытия одновременно. Агент стал объяснять клиенту, из чего складывается цена, и отправлять предложение прямо во время разговора.
• Реализовал экран пролонгаций с предрассчитанной ценой, дельтой к прошлому году и массовой рассылкой предложений по выборке. Агенты получили системный инструмент удержания базы вместо ручного обзвона по спискам из Excel.
• Разработал конструктор страховых продуктов с версионностью тарифов и предпросмотром изменения цены на тестовых данных. Методологи стали менять условия сами, без участия разработки и без ожидания релиза, а ошибки в ценообразовании отлавливались на предпросмотре до публикации тарифа.
• Разработал карточку клиента: 4 вкладки (договоры, объекты страхования, убытки, коммуникации), таймлайн истории отношений, блок рекомендаций для кросс-продаж. Это дало агенту полную картину по клиенту в одном месте, вместо 4 систем, и подсказки, что ещё ему предложить.
• Реализовал воронку расчётов в виде канбана и таблицы со сменой статусов сделки и фиксацией причин отказа. Агенты стали вести сделки до результата, а причины отказов начали использоваться в аналитике продаж.
• Разработал дашборды агента и руководителя группы с метриками по премии, комиссии и выполнению плана, динамикой по неделям и переходом к сделкам конкретного агента. Руководители получили инструмент контроля продаж и качества оформления без ручных отчётов.

Контакты для связи:

Телеграм: necrasovm 

email: нужен доступ к резюме