Principal/React y Next.js/Blueprints/Estado y tiempo real/Real-time Kanban-доска с WebSockets / SSE и локальным стейтом Zustand
Volver a tarjetas «Estado y tiempo real»Estado y tiempo real(ТЗ 5 из 10)
ТЗ: Real-time Kanban-доска с WebSockets / SSE и локальным стейтом ZustandТрудозатраты~14 рабочих часов
Фриланс вилка~$630 – $1,050 (€560 – €980)
Оценка веб-студии~$1,330 – $2,240 (€1260 – €2100)
ТЗ заказчика (исходный бриф):
Главное ощущение — скорость и плавность. Если перетаскиваешь карточку, она не должна возвращаться назад из-за задержки сервера. Если двое двигают одну карточку, должен побеждать последний автор без потери текста.
Ключевые требования:
- •Zustand хранилище колонок и карточек с иммутабельными обновлениями
- •Слушатель Server-Sent Events (SSE) для мгновенного получения мутаций от коллег
- •Оптимистичное перемещение карточки с откатом при сбое сети
- •Поддержка драг-н-дропа с клавиатуры для доступности
Ограничения проекта:
- •Не вызывать каскадные ререндеры всей доски при перемещении одной карточки
- •Автоматический реконнект SSE при потере интернет-соединения
Критерии приёмки (KPI):
- Frame rate при drag-and-drop строго 60 FPS
- Задержка доставки чужого события < 100ms
Пошаговое практическое руководство по ТЗ
Подробный разбор архитектуры, код реализации и советы эксперта по каждому этапу: