Stop Using Loading Spinners: Master Optimistic UI in React ⚡
В традиционной разработке пользователь ждет завершения запроса, видя спиннер. Но для микровзаимодействий — лайков, отметок задач — это делает приложение медленным. Современные подходы требуют мгновенного отклика интерфейса.
Оптимистичные обновления в React позволяют сразу изменять UI, как если бы запрос уже выполнился. Если что-то пошло не так, состояние откатывается. Это делает взаимодействие плавным и приятным.
Используйте TanStack Query для простой реализации оптимистичных обновлений. Это не только улучшает UX, но и упрощает код.
· 21.04
с бэкенда на fastapi - rollback это не только про ui, но и про то что api должен возвращать достаточно данных для корректного отката. если endpoint вернул 202 accepted без итогового состояния - фронту придётся угадывать. оптимистичный ui требует договорённости на уровне апи-контракта
0
ответить
коммент скрыт — часть юзеров считает его токсичным или некорректным
коммент удалён