Три сценария возврата
Полный, частичный и общий возврат — три разных ветки состояний, денег и документов. Сценарии легко перепутать на уровне интерфейса, поэтому каждый ведёт пользователя своим маршрутом с собственными проверками и подтверждениями.
кейс · B2B · корпоративные командировки
Sapar — платформа корпоративных командировок
B2B-платформа корпоративных командировок: компания оформляет поездки для сотрудников, согласует их, ведёт документы и возвраты. Remix + React.
RemixReactSCSSPostCSS
Задача
Компании отправляют сотрудников в командировки: бронируют, согласуют, отчитываются. Нужна платформа с личным кабинетом, управлением компанией и сотрудниками, каталогом, корзиной, чатом, новостями, уведомлениями, документами и разделом безопасности.
Стек задан заказчиком: Remix + React, стили на SCSS с PostCSS-пайплайном.
Что было сложного
Много экранов без расползания
На платформе с большим количеством экранов дешевле всего потерять единообразие. Общие layout-роуты Remix, переиспользуемые формы и один SCSS-пайплайн держали платформу целой: новый экран собирается из существующих частей.
Чужая экосистема
Основной опыт — Vue. Здесь — Remix с его загрузчиками данных и вложенными роутами: данные грузятся на роуте, а не в компоненте. Мышление фреймворка другое, и его пришлось принять, а не переносить привычки.
Что сделано
- Кабинет, компания, сотрудники, каталог, корзина
- Чат, новости, уведомления, документы, раздел безопасности
- Три сценария возврата: полный, частичный, общий
- SCSS с PostCSS-пайплайном
Результат
Платформа закрывает полный цикл командировки — от выбора в каталоге до возврата средств.
Похожая задача?
B2B-платформа, много экранов, сложные сценарии — обсудим.