Vue 3
Описание
Использовал Vue 3 для разработки страниц и компонентов с Composition API, script setup, Pinia и TypeScript.
Что использовал на практике
- composables для вынесения бизнес-логики и data-loading сценариев;
- клиентское состояние через
Pinia; - интеграция с
REST API, асинхронная подгрузка и синхронизация данных в UI; - интерактивные списки, фильтры, dropdown/menu-компоненты и служебные UI-элементы;
- browser APIs внутри frontend-логики:
IntersectionObserver,ResizeObserver,localStorage, таймеры, DOM events; - типизация компонентов, composables и store-слоя на
TypeScript.
UI и пользовательские сценарии
- списки с ленивой и постраничной загрузкой;
- курсорная и обычная пагинация;
- объединение уже загруженных данных с новыми порциями без потери порядка;
- обработка loading, empty и error states;
- focus/click outside/keyboard navigation сценарии;
- управление scroll-поведением и состоянием интерфейса при обновлении данных.
Архитектура и состояние
- разделение UI-слоя и реактивной логики;
- повторное использование composables между компонентами;
- хранение данных, полученных из API, и UI-состояний в store;
- actions для обновления и объединения данных;
- синхронизация store с асинхронными запросами и реакцией интерфейса на изменения.