Как разработчик столкнулся с проблемой в Next.js 16 Optimistic UI
📡 Разработчик был уверен в успехе своего интерфейса с оптимистичным обновлением в Next.js 16: при нажатии на чекбокс всё работало мгновенно. Однако, когда он кликнул на него пять раз подряд, всё пошло не так. Чекбокс визуально оставался неизменным, но в базу данных ушли пять параллельных запросов, каждый из которых изменял одно и то же значение. Успех чека оказался обманчивым, и UI перестал соответствовать данным на сервере. Решение? Нужно отслеживать, какой элемент обрабатывается, и отключать его, пока запрос не завершится, что исключает лишние обращения к базе данных. Это открыло путь к более стабильной работе интерфейса.
Источник:
dev.to