Александр Соколов

Александр Соколов

Senior Frontend Engineer

  • Открыт к работе
  • Удалённо · Worldwide
  • English · Русский

7+ лет на React, TypeScript и Next.js в продакшене. Опыт Frontend Lead в US SaaS. Фокус — performance, design systems и accessibility. Открыт к Senior или Lead ролям, удалённо.

Обо мне

Делаю продакшн-фронтенд с 2018 года — от и до продуктовых стартапов. Опыт Frontend Lead в US SaaS. Фокус — design systems, performance и accessibility.

Открыт к Senior или Lead Frontend ролям — remote, worldwide. Лучший фит: SaaS, fintech или продукт, где серьёзно относятся к performance, accessibility и design systems. English / Русский.

Опыт

2024 — по наст. время

Layers

Senior Frontend-инженер · Work-management платформа (early-stage)

  1. Работаю по всем пакетам — Projects (задачи, спринты, канбан), Pages (страницы с базами данных), Flow (визуальные автоматизации), Meet (видеовстречи на LiveKit).

  2. Фичи: перенос спринтов между проектами/папками, task attachments, project-creation wizard, modal-флоу, канбан-взаимодействия.

  3. UX polish по всему приложению — assignee dropdowns, color pickers, badges, share panel; мобильная адаптация task detail view.

  4. i18n покрытие в settings и shared компонентах (Mantine 8, i18next). Стек: React 18 + Vite + Zustand + Redux Toolkit + TanStack Query в монорепе.

React

TypeScript

Vite

Mantine

Zustand

Redux Toolkit

TanStack Query

Lexical

Playwright

2023 — 2024

School Bus Manager

Senior Frontend-инженер · SaaS для школьных автобусов (США)

  1. Вёл крупный фронт-рефакторинг — отвечал за архитектурные решения, code-review и общие паттерны в команде.

  2. Ускорил критичные экраны до 7× в продакшене — точечные рефакторы и оптимизация бандла.

  3. Перевёл проект с Webpack на Vite (dev rebuild с ~12s до <1s) и Redux → RTK Query под FSD-архитектуру.

  4. Внедрил TypeScript по всему коду — безопаснее рефакторы и раньше ловятся ошибки.

  5. Выкатил Zustand для локального состояния и централизованного управления модалками; настроил линтеры, форматтеры и CI-автоматизацию.

React

TypeScript

Vite

Mantine

Tailwind

TanStack Query

TanStack Router

TanStack Table

TanStack Virtual

Zustand

react-hook-form

Zod

Socket.IO

MQTT

Recharts

i18next

Playwright

2021 — 2023

Zoftify

Senior Frontend-инженер · Продуктовая студия (US-клиенты)

  1. Tourseta — multi-tenant SaaS для туроператоров. Сделал booking-флоу и админку для оператора на Next.js монорепе (Radix UI, Tailwind, TanStack Query).

  2. Интегрировал платежи Stripe + Airwallex, авторизацию NextAuth с role-based access, FeatureHub flags и next-intl i18n в booking- и admin-частях Tourseta.

  3. Оптимизировал performance и bundle-size Tourseta — измеримое улучшение load time и UX на медленных сетях.

  4. Readyhubb — сервисный маркетплейс. Сделал админки и дашборды на Next.js, Stripe, Chart.js, Tailwind. Спроектировал гибкие интерфейсы для нетехнических контент-менеджеров.

Next.js

Tailwind

TypeScript

Radix UI

TanStack Query

Stripe

NextAuth

2020 — 2021

Aeroidea

Frontend-инженер · Digital product studio

  1. Подключился до MVP и довёл проект до продакшена. Разработал общие пакеты дизайн-системы и хелперов, используемые в нескольких проектах.

  2. Сделал конструктор контентных блоков в админке — слайдеры, карусели, сетки событий — маркетинг собирает страницы без инженеров.

  3. Настроил кеширование страниц и разделил нагрузку между сервером и клиентом — улучшение времени загрузки в Next.js.

  4. Реализовал WCAG accessibility — контрастные темы, регулировка шрифта и межбуквенных интервалов. Менторил младших разработчиков, делал код-ревью.

Next.js

zustand

TanStack Query

RTKQuery

mantine

CSS

TypeScript

2018 — 2020

Helium 10

Frontend-разработчик · US SaaS для Amazon-селлеров

  1. Разработал Adtomic — автоматизация рекламы на Amazon: ключевые кампании, мониторинг цен и конкурентов.

  2. Развивал внутреннюю UI-библиотеку — компоненты, Storybook-документация, тесты.

  3. Сделал дашборды и инструменты для управления Amazon-кампаниями в больших масштабах.

React.js

Styled-component

TypeScript

zustand

re-atom

Highcharts

Интересные кейсы

Несколько фронт-задач из недавней работы — performance, архитектура, tooling — где решение не лежало на поверхности.

  1. Перевёл живущую много лет админку с CRA + Webpack на Vite и попутно заменил Redux на RTK Query. Пересборка в dev упала с ~12с до меньше 1с; продакшен-бандл уменьшился примерно на треть.

  2. Достались дашборды с таблицами 60+ строк, которые скроллились на единичных fps. Проверил горячие участки, виртуализировал списки, мемоизировал тяжёлые рендеры, унифицировал кеширование серверного состояния — стабильные 60 fps на 1000+ строк.

  3. Сделал конструктор контентных блоков для маркетингового CMS, где админы собирают страницы из типизированных блоков (слайдер, карусель товаров, сетка событий). Заменил ручные лендинги — инженеры больше не нужны для запуска промо.

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

Проекты

Layers

Layers

Frontend Engineer

Work-management платформа — страницы с базами данных, проекты (задачи/спринты), формы, визуальные автоматизации (Flow), видеовстречи на LiveKit (Meet) и CRM в одном workspace. Web + desktop (JAR) сборки. React 18 + Vite + Mantine + TanStack Query.

React

TypeScript

Vite

Mantine

Zustand

TanStack Query

Lexical

Playwright

Tourseta

Tourseta

Frontend Engineer

Multi-tenant SaaS для туроператоров — booking-флоу + админка. Frontend на Next.js монорепе с Radix UI, TanStack Query, Stripe/Airwallex, NextAuth, FeatureHub.

Next.js

TypeScript

Radix UI

Tailwind

TanStack Query

NextAuth

Stripe

next-intl

School Bus Manager

School Bus Manager

Frontend Engineer

SaaS для управления школьными автобусами в США — три приложения: админка (основной продукт), parent-app и маркетинговый лендинг (сделан с нуля). Вёл крупный фронт-рефакторинг — миграция Webpack → Vite, Redux → RTK Query, FSD-архитектура. Ускорение критичных экранов до 7×.

React

TypeScript

Vite

Mantine

TanStack Query

TanStack Router

Zustand

Socket.IO

Prosv

Prosv

Frontend Engineer

Анимированный сайт-портфолио фотографа в Aeroidea. Next.js + TanStack Query, image-driven вёрстка с motion-переходами между секциями.

Next.js

TanStack Query

SCSS

Framer Motion

Capture

Capture

Пет-проект

Пет-проект — эксперименты с переходами страниц и анимацией на Framer Motion + styled-components.

React

Framer Motion

Styled Components

Waves music player

Waves music player

Пет-проект

Минималистичный 10-track плеер с управлением воспроизведением — UI/UX упражнение.

React

SCSS