Мен пайдаланушылар сезінетін және команда одан әрі жұмыс істеуге тура келетін бөлікті жасаймын.

Жылына миллионнан астам пайдаланушыға қызмет көрсететін платформада 10+ модуль қатар дамып жатқанда, өсіп келе жатқан Vue өнімінің беті бірізді болып қалуы керек еді.

Composition, роутинг, күй және ортақ өнім сценарийлері айналасында қайта пайдалануға болатын Vue 3 / TypeScript үлгілерін анықтадым, сол арқылы жаңа функциялар жергілікті келісімдерден емес, дайын жүйеден басталатын болды.

Архитектура функцияны іске асыру уақытын шамамен 30%-ға қысқартты және модульаралық дамуға берік негіз қалады.

Жоғары трафикті экрандар бір анық тар жерден емес, рендеринг, деректерді алу, кэштеу және асинхронды UI ағындары арасында бөлінген жұмыстан баяулап жатты.

Сұраныстан рендерге дейінгі бүкіл жолды оңтайландырдым: рендеринг тәртібін, кэштеуді, асинхронды оркестрацияны және API сұраныс үлгілерін, содан кейін бұл жұмысты Core Web Vitals, Lighthouse, тесттер және Sentry мониторингімен нығайттым.

Платформа дами беруіне қарамастан, беттің орташа жүктелу уақыты шамамен 3.2 секундтан 2.1 секундқа дейін қысқарды.

Тығыз GIS интерфейстері бірінші өзара әрекеттесуді байқалатындай баяулатпай, шамамен 300–500 мың геокеңістіктік нысаннан тұратын деректер жиынын рендерлеп, өңдеуі керек болды.

Қабаттар мен стильдерді қайта құрдым, кластерлеу мен клиент жағындағы сүзгілеуді енгіздім және React күй қабаты мен Elasticsearch арасындағы деректер жолындағы қайталанатын жұмысты жойдым.

Mapbox GL JS бастапқы рендерингі шамамен 800 мс-тан 480 мс-қа дейін төмендеді, ал алгоритмдер бойынша бөлек жұмыс геоіздеу жылдамдығын 30%-ға жақсартты.

Ондаған аймақтық GIS өнімдері бір-біріне ұқсас UI және деректер үлгілерін қайталады, бірақ қайта іске асыру жеткізуді баяулатып, бірізділікті қымбаттатты.

Feature-Sliced Design қағидаты бойынша, Storybook-та құжатталған 100+ қайта пайдалануға болатын компоненттен тұратын орталықтандырылған React архитектурасын жасадым, содан кейін оның айналасында TypeScript, теминг, рөлге негізделген үлгілер, линтинг және тестілеу тәжірибелерін стандарттадым.

Ұқсас іске асыру жұмысы 50%-ға дейін азайды; бұрын шамамен бір ай алатын кейбір іске қосулар енді шамамен бір аптаға сыятын болды.