Firecode

Специалисты · FC-120

Frontend-разработчик (React / React Native) Middle+

Опыт
5 лет
Экспертиза
Frontend-разработка (Web & Mobile)
Отрасли
Финтех, Логистика

Фронтенд-разработчик с 5-летним опытом создания веб- и мобильных приложений на React и React Native. Специализируется на разработке пользовательских интерфейсов с использованием современных библиотек управления состоянием, работе с REST API и WebSocket для реализации интерактивных решений. Обеспечивает качественную интеграцию с бэкендом, оптимизацию производительности приложений и поддержку кроссплатформенной разработки.

  • Middle+грейд
  • 5 летопыт
  • 6проектов в CV
  • 2отрасли
TypeScriptReactReact NativeES6+ReactNext.jsReduxZustandReact QueryMaterial UI

Стек

Технологический стек

Frontend-разработка (Web)

JavaScript/TypeScript
ES6+TypeScriptReactNext.js
Управление состоянием
ReduxZustandReact Query
Стилизация и UI
Material UIStyled ComponentsTailwind CSSReact Native Paper
Формы и валидация
React Hook FormFormikYupZod

Мобильная разработка (Mobile)

Кроссплатформа
React NativeReact Native PaperNative Modules

Backend-интеграция и сеть

Клиент-серверное взаимодействие
REST APIWebSocketGraphQL

Инструменты и рабочий процесс

Версионный контроль
GitGitLabGitHub
Управление задачами
JiraConfluenceTrello
Качество кода
ESLintPrettierHusky
Пакетные менеджеры
npmyarnpnpm
Дизайн и прототипирование
FigmaAdobe XD

Экспертиза

Ключевые навыки и экспертиза

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

  • Разработка сложных SPA-приложений на React с нуля и поддержка легаси-кода
  • Глубокая оптимизация производительности (мемоизация, виртуализация списков, lazy-loading, code-splitting)
  • Работа с большими объёмами данных на клиенте (AG Grid, кастомные хуки для фильтрации/сортировки)
  • Интеграция картографических сервисов (Bing Maps, Mapbox)

Мобильная разработка

  • Создание кроссплатформенных мобильных приложений на React Native (iOS/Android)
  • Настройка навигации (React Navigation) и работа с нативными возможностями (камера, геолокация, push-уведомления)

Backend-интеграция и архитектура

  • Проектирование и интеграция REST API и WebSocket-соединений (реал-тайм обновления)
  • Понимание принципов работы ORM (Sequelize / Prisma) для эффективного взаимодействия с бекендом (не для продакшна, а для понимания контрактов)

Процессы и управление командой

  • Проведение Code Review с акцентом на читаемость, поддерживаемость и производительность
  • Декомпозиция крупных задач на подзадачи, точная оценка трудоёмкости (Story Points)
  • Менторинг и онбординг джуниор-разработчиков (адаптация, парное программирование)
  • Активное участие в Agile-церемониях (Daily, Planning, Retro) и взаимодействие с Product Owner

Проекты

Ключевые проекты

Названия заказчиков не раскрываются. Детали обсуждаем на встрече.

Тендерная CRM-платформа логистического оператора

03.2025 — по настоящее время

Корпоративная CRM-платформа международного логистического оператора, предназначенная для автоматизации подготовки, согласования и управления тендерами на транспортно-логистические услуги. Система является одним из ключевых рабочих инструментов логистических менеджеров и используется для формирования коммерческих предложений, расчета тарифов, обработки маршрутных данных и организации совместной работы между подразделениями компании. Одним из центральных элементов платформы являлся модуль работы с большими табличными данными, содержащими более 40 000 строк и 200+ колонок с тарифами, маршрутами, сроками доставки и коммерческими параметрами перевозок.

Роль
Frontend Developer
Состав команды
Team Lead, 2 Frontend Developers, 2 Backend Developers, 2 QA Engineers, PM, Analyst, Designer

Что реализовывал

Разработка интерфейсов и работа с данными

  • Провел миграцию ключевого бизнес-модуля с Handsontable на AG Grid, обеспечив обработку таблиц с 40 000+ строк и 200+ колонками без потери производительности.
  • Разработал модуль загрузки тендерных файлов из Excel и CSV с предварительной валидацией и парсингом данных.
  • Реализовал ролевую модель доступа для менеджеров, аналитиков и администраторов на уровне UI-компонентов и роутинга.

Архитектура и оптимизация

  • Внедрил механизм совместного редактирования тендеров в реальном времени с использованием Socket.io, обеспечив мгновенную синхронизацию изменений между пользователями.
  • Оптимизировал рендеринг табличных данных и тяжелых вычислений с помощью React Query (кэширование, фоновая подгрузка) и Zustand для управления сложным состоянием тендера.
  • Выполнял Code Review и поддерживал высокое качество кодовой базы, внедряя лучшие практики работы с большими данными.

Интеграции и процессы

  • Совместно с заказчиком участвовал в декомпозиции и оценке задач, помогая выстраивать приоритеты бэклога.
  • Интегрировал фронтенд с бэкенд-API для получения динамических справочников маршрутов и тарифов.
  • Настроил адаптивную верстку сложных гридов и фильтров для комфортной работы на различных разрешениях экранов.
Стек технологий
  • React
  • TypeScript
  • Zustand
  • React Query
  • AG Grid
  • Handsontable
  • Socket.io
  • Material UI
  • Vite

Мобильная платформа для автовладельцев

02.2023 — 02.2025

Мобильная платформа для автовладельцев, объединяющая функции электронного сервисного журнала, учета расходов на автомобиль и поиска автомобильных сервисов. Приложение помогает пользователям контролировать обслуживание транспортных средств, отслеживать историю ремонтов, планировать техническое обслуживание и находить ближайшие автосервисы через интерактивную карту.

Роль
Frontend Developer
Состав команды
3 Frontend Developers, 2 Backend Developers, 2 QA Engineers, Analyst, Designer, PM

Что реализовывал

Разработка ключевых функций

  • Разработал приложение с нуля, включая регистрацию и авторизацию пользователей, профиль пользователя и многошаговую форму добавления автомобиля с валидацией через Formik + Yup.
  • Реализовал модуль учета расходов и обслуживания автомобиля, позволяющий вести историю ремонтов и напоминания о ТО.
  • Создал интерактивную карту автосервисов с поиском и отображением ближайших станций.

Интеграции и работа с данными

  • Настроил синхронизацию данных с сервером через WebSocket для обновления статусов обслуживания в реальном времени.
  • Интегрировал картографические сервисы для отображения автосервисов и маршрутов.

Поддержка и менторинг

  • Подготавливал релизы для App Store и Google Play, включая настройку билдов и проверку соответствия требованиям магазинов.
  • Осуществлял менторинг младших разработчиков, проводил код-ревью и помогал в решении сложных задач.
Стек технологий
  • React Native
  • TypeScript
  • Redux Toolkit
  • React Native Paper
  • Formik
  • Yup
  • WebSocket

Аналитика рынка жилой недвижимости

09.2022 — 01.2023

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

Роль
Frontend Developer
Состав команды
2 Frontend Developers, 2 Backend Developers, 2 QA Engineers, PM, Analyst, Designer

Что реализовывал

Визуализация данных на карте

  • Интегрировал Bing Maps для визуализации объектов недвижимости на карте с отображением дополнительной аналитической информации по каждому объекту.
  • Реализовал кастомизацию маркеров и всплывающих окон для быстрого доступа к ключевым показателям.

Разработка интерфейсов аналитики

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

Поиск и фильтрация

  • Реализовал интерфейсы поиска и фильтрации объектов по множеству параметров (местоположение, площадь, цена, класс и др.) с динамической подгрузкой результатов.
  • Настроил синхронизацию фильтров с URL для удобного шаринга ссылок на отфильтрованные выборки.
Стек технологий
  • React
  • TypeScript
  • React Query
  • Context API
  • Material UI
  • Bing Maps

Корпоративный учёт рабочего времени

04.2022 — 08.2022

Корпоративная система учета рабочего времени сотрудников, предназначенная для регистрации трудозатрат, согласования отработанных часов и формирования отчетности для различных подразделений компании. Платформа позволяла сотрудникам фиксировать рабочее время по проектам, а руководителям контролировать загрузку команд и анализировать трудозатраты.

Роль
Frontend Developer
Состав команды
1 Frontend Developer, 1 Backend Developer, 1 QA Engineer, 1 PM

Что реализовывал

Разработка форм и таблиц

  • Разработал форму ежедневной фиксации трудозатрат с динамическим добавлением строк, масками ввода и валидацией через Formik + Yup.
  • Реализовал inline-редактирование в таблице с возможностью сохранения черновиков — все изменения синхронизировались с Redux-стором и сервером.

Управление состоянием и правами

  • Разграничил права доступа на уровне роутинга и UI-компонентов для трёх ролей: сотрудник, руководитель, администратор.
  • Настроил централизованное управление состоянием через Redux для хранения данных о проектах, часах и пользователях.

Экспорт и отчетность

  • Реализовал выгрузку отчетов в Excel и CSV с гибкой фильтрацией по периодам, проектам и сотрудникам.
  • Добавил возможность просмотра сводной статистики по загрузке команд.
Стек технологий
  • React
  • TypeScript
  • Redux
  • React Hook Form
  • Styled Components

Платформа онлайн-объявлений

11.2021 — 03.2022

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

Роль
Frontend Developer
Состав команды
2 Frontend Developers, Designer, 2 QA Engineers, PM, 2 Backend Developers

Что реализовывал

Публикация и управление объявлениями

  • Разработал многошаговую форму создания объявления с использованием React Hook Form: загрузка фото, выбор категории из справочника, описание, цена, контакты.
  • Реализовал черновики с сохранением в Redux и личный кабинет, где пользователь мог редактировать, снимать/публиковать и удалять свои объявления.

Поиск и фильтрация

  • Внедрил поиск по ключевым словам и систему фильтров (категория, цена, состояние, регион) с динамической подгрузкой результатов.
  • Использовал React Select для мультивыбора категорий, дебаунс поисковых запросов и синхронизацию фильтров с URL для возможности делиться результатами.

Управление состоянием и пагинация

  • Выстроил клиентскую логику на Redux: хранение списка объявлений, избранного, фильтров и состояния форм.
  • Асинхронные действия обрабатывал через Redux Thunk, настроил пагинацию для постраничной загрузки объявлений.
Стек технологий
  • React
  • Redux
  • React Hook Form
  • React Select
  • Headless UI
  • TailwindCSS
  • Vite

Платформа диалогового AI-ассистента

05.2021 — 10.2021

AI-платформа для общения пользователей с виртуальным AI-ассистентом в формате диалогового интерфейса. Продукт создавался для проверки продуктовых гипотез в области conversational AI и оценки пользовательского интереса к цифровым компаньонам. Платформа включала лендинги, сценарии онбординга, формы регистрации и интерфейсы взаимодействия с виртуальным персонажем.

Роль
Frontend Developer
Состав команды
1 Frontend Developer, Designer, 1 QA Engineer, 1 PM

Что реализовывал

Разработка интерфейсов

  • Сверстал адаптивные лендинги и основной чат-интерфейс для общения с виртуальным AI-ассистентом (HTML, CSS).
  • Реализовал сценарий онбординга с последовательными шагами знакомства с ассистентом, включая интерактивные подсказки.

Формы и аутентификация

  • Разработал формы регистрации, входа и сбора пользовательских данных с клиентской валидацией и понятными уведомлениями об ошибках.
  • Подключил Firebase Authentication для регистрации и входа пользователей.

Интеграция с Firebase и работа с данными

  • Настроил Firestore для хранения истории сообщений и профилей пользователей, обеспечив синхронизацию в реальном времени.
  • Обеспечил корректное отображение лендингов и чат-интерфейса на мобильных устройствах и планшетах (адаптивная вёрстка).
Стек технологий
  • JavaScript
  • HTML
  • CSS
  • Firebase

Заявка

Запросить этого специалиста

Пришлём полное CV и предложим дату старта. Если профиль уже занят — подберём равнозначного.

Все специалисты

Ответим в течение рабочего дня (Пн–Пт, 10:00–19:00 МСК). Менеджер на связи по телефону, почте и в мессенджерах — пишите там, где удобно.

Запросить FC-120

Достаточно имени и контакта — остальное по желанию.

PDF, DOC, DOCX, RTF, ODT, XLSX, PNG, JPG — до 10 МБ