Estado y tiempo real

Zustand v5, TanStack Query, colaboración en vivo con WebSocket/CRDT y virtualización de listas

Progreso de sección «Estado y tiempo real»

0%(0/3 pasos)

+0 XP0 de 3 resueltos

~14 h

ТЗ: Real-time Kanban-доска с WebSockets / SSE и локальным стейтом Zustand

Архитектурный блупринт разработки интерактивной доски задач: плавный Drag-and-Drop, локальный стейт Zustand с оптимистичным откликом, стриминг изменений коллег через SSE и разрешение конфликтов версий.

Главное ощущение — скорость и плавность. Если перетаскиваешь карточку, она не должна возвращаться назад из-за задержки сервера. Если двое двигают одну карточку, должен побеждать последний автор без потери текста.

Zustand v5Server-Sent Events (SSE)@hello-pangea/dnd / dnd-kitOptimistic Mutations+2

Progreso: 0 de 1 pasos0%

Estado y tiempo real

~12 h

ТЗ: Виртуализированный каталог на 100 000+ позиций с TanStack Virtual и скроллом

Инженерный блупринт для сверхтяжелых датасетов: динамическая виртуализация окон с TanStack Virtual, бесконечная прокрутка TanStack Query, удержание позиции скролла и отладка INP.

Никаких зависаний при прокрутке. Таблица должна рендерить в DOM только видимые строки (15-20 штук) и мгновенно скроллиться на 100 000-ю строку без создания сотен тысяч DOM-узлов.

TanStack Virtual v3TanStack Query v5Dynamic Row HeightsScroll Restoration+1

Progreso: 0 de 1 pasos0%

Estado y tiempo real

~12 h

ТЗ: Offline-First PWA с синхронизацией фоновых мутаций и IndexedDB

Спецификация для приложений полевых инженеров: кэширование статики через Service Worker, локальная БД в IndexedDB и автоматическая фоновая синхронизация очередей при появлении сети.

Инженер не должен думать о наличии интернета. Нажал "Сохранить акт" — данные мгновенно записаны в локальную память. Как только машина выехала из подвала и поймала 3G/LTE — все данные ушли в базу.

Service WorkerIndexedDB (idb)Background Sync APISerwist / Workbox+1

Progreso: 0 de 1 pasos0%