Қайтарудың үш сценарийі
Толық, ішінара және жалпы қайтару — күйдің, ақшаның және құжаттардың үш бөлек тармағы. Интерфейс деңгейінде шатастыру оңай, сондықтан әр сценарий пайдаланушыны өз тексерулері мен растаулары бар жеке маршрутпен жүргізеді.
кейс · B2B · корпоративтік іссапарлар
Sapar — корпоративтік іссапарлар платформасы
Корпоративтік іссапарларға арналған B2B-платформа: компания қызметкерлерге сапар рәсімдейді, келіседі, құжаттар мен қайтаруларды жүргізеді. Remix + React.
RemixReactSCSSPostCSS
Міндет
Компаниялар қызметкерлерін іссапарға жібереді: брондайды, келіседі, есеп береді. Жеке кабинеті, компания мен қызметкерлерді басқаруы, каталогы, себеті, чаты, жаңалықтары, хабарламалары, құжаттары және қауіпсіздік бөлімі бар платформа керек.
Стекті тапсырыс беруші белгіледі: Remix + React, стильдер — PostCSS-пайплайнды SCSS.
Не қиын болды
Көп экран, бірақ ыдырамай
Экраны көп платформада біркелкілікті жоғалту оңай. Remix-тің ортақ layout-роуттары, қайта қолданылатын формалар және бір SCSS-пайплайн платформаны тұтас ұстады: жаңа экран бар бөліктерден жиналады.
Бөтен экожүйе
Негізгі тәжірибе — Vue. Мұнда — деректерді жүктегіштері мен кірістірілген роуттары бар Remix: деректер компонентте емес, роутта жүктеледі. Фреймворктің ойлауы басқа, оны әдеттерді көшірмей қабылдау керек болды.
Не жасалды
- Кабинет, компания, қызметкерлер, каталог, себет
- Чат, жаңалықтар, хабарламалар, құжаттар, қауіпсіздік бөлімі
- Қайтарудың үш сценарийі: толық, ішінара, жалпы
- PostCSS-пайплайнды SCSS
Нәтиже
Платформа іссапардың толық циклін жабады — каталогтан таңдаудан бастап қаражатты қайтаруға дейін.
Ұқсас міндет пе?
B2B-платформа, көп экран, күрделі сценарийлер — талқылайық.