Frontend Developer (React)

СберКласс — образовательная платформа Сбера для 250 000 учеников в 800+ школах. Три
отдельных личных кабинета (ученик, учитель, родитель). Команда: 10 разработчиков.
Стек: React 18, TypeScript, Redux Toolkit, TanStack Query, CSS Modules, Webpack 5, REST API,
WebSocket, Storybook, Jest, React Testing Library, ESLint, Figma
- Интегрировал TanStack Query для кеширования данных журнала и расписания: при
навигации между кабинетами данные отдаются мгновенно из кеша, без повторных запросов к
API. Время повторной отрисовки тяжёлых списков — в 2 раза меньше
- Оптимизировал Webpack 5: code splitting по маршрутам, tree shaking, разбивка на чанки по
кабинетам — bundle уменьшился примерно на треть, что ощутимо на медленных соединениях
в школах
- Настроил CI/CD: автосборка, ESLint, type-check, Jest при открытии PR — ошибки видны раньше,
чем код попадает на ревью
- Собрал кабинет родителя из трёх модулей: расписание с push-обновлениями через
WebSocket, история оценок с фильтрацией, чат с классным руководителем — родители видят
всю информацию о ребёнке в одном окне без переходов по разным разделам
- Реализовал drag-and-drоpредактор учебного плана на HTML5 DnD API с автосохранением
через REST API — учителя перестраивают программу прямо в интерфейсе, разработчики не
нужны
- Разработал электронный журнал оценок: bulk-операция через Redux createSlice позволяет
поставить оценку всему классу одним действием вместо построчного заполнения
- Построил переиспользуемую библиотеку 20+ UI-компонентов в Storybook — одна и та же
кнопка, модалка, таблица работают одинаково во всех трёх кабинетах, дублирования верстки
нет
- Участвовал в покрытии платформы тестами до 70%+: критические сценарии оформления и
просмотра оценок покрыты Jest + React Testing Library — регрессии в логике оценок перестали
доходить до ручного Q

АИС «Абитуриент» — государственная система онлайн-поступления для Сибирского
федерального университета (аутсорс в KozhinDev, топ-3 Ruward 2024).
Стек: React 18, TypeScript, Redux Toolkit, React Hook Form, Zod, CSS Modules, REST API, Jest, React
Testing Library, ESLint, Figma, Feature-Sliced Design
- 93 000 заявок обработано за одну приёмную кампанию, 24 000 абитуриентов подали
документы онлайн без визита в комиссию — это результат wizard подачи заявления на React
Hook Form + Zod с кросс-полевой валидацией и интеграцией с Госуслугами/ЕСИА. Проект занял
2-е место Workspace Digital Awards в категории «Образование»
- 300 операторов по 22 институтам СФУ работали параллельно без путаницы в доступах
благодаря ролевой модели, где TypeScript-типы закрывают смешение прав ещё на уровне
API-слоя
- Внедрил фича-флаги для поэтапного открытия разделов — нуль критических инцидентов в
пиковые дни подачи, когда нагрузка максимальна
- Архитектура по Feature-Sliced Design: shared/entities/features/pages с изолированными зонами
ответственности — каждый новый кабинет и форма встраиваются в существующую структуру,
не затрагивая соседние слои
- Добавил экспоненциальный backoff при нестабильности ЕПГУ и кеширование ответов в
Redux: даже при сбоях внешнего сервиса Госуслуг данные абитуриентов сохранялись и форма
не теряла прогресс
- Оптимизировал загрузку через code splitting (React.lazy + Suspense) и lazy loading на роутах —
initial bundle сократился, первая отрисовка кабинета стала примерно вдвое быстрее
- Покрыл критические сценарии тестами на Jest + React Testing Library — регрессии в форме
поступления перестали доходить до ручного тестирования QA