#заметка дня

Недавно я в серии ностальгических постов вспомнил о своём первом крупном проекте, который жил без малого 13 лет: форум Рупор Петрозаводска.

Проект грохнули вскоре после продажи провайдера дочке Ростелекома.

Речь пойдёт об одной штуке, над которой мы в 2009 году чуть-чуть заморочились, но сейчас бы сделали иначе: "Телевизор".

Под каждым сообщением была иконка телевизора, по тогдашней Web 2.0-моде размером 16x16 пикселей, нажав на которую можно было подписаться на обновления к посту.

Поскольку в 2009 году куча людей всё ещё сидели на низкоскоростных соединениях, да и сервера наши были так себе (особенно с Drupal-то), мы решили отобразить состояние загрузки анимацией поиска каналов, на видео.

Я вам даже демо с React Query приготовил: https://3md85t.csb.app/

Естественно, телевизор я сделал покрупнее. Уж очень мне тогда нравилось внимание нашего дизайнера к деталям, пиксель-арт, не меньше.

Привет, Тима! Если не подписан — я тебе ссылку пришлю :)

Теперь о том, почему в 2024 году это делать ну, как минимум, странно.

Потому что гораздо разумнее опираться на подход Optimistic Updates.

Скорее всего, ваши пользователи на достаточно быстрых сетях. Скорее всего, эти сети достаточно надёжны. Скорее всего, аптайм ваших сервисов высок.

Потому разумнее среагировать на нажатие пользователем на кнопку или отправку формы сразу, не дожидаясь конца операции (оптимистичное обновление).

В нашем случае — сразу включить "телевизор", а уж если что, сообщить об ошибке.

Да, в таком случае надо бы внимательнее отнестись к обработке нештатных ситуаций и дать возможность повторить операцию на тех же вводных. Для React Query есть отдельный гайд: https://tanstack.com/query/v5/docs/react/guides/optimistic-updates

Зато каков прирост качества UX!

Буду закругляться, котаны. И с Новым годом! Ну вот не подготовил я ничего более праздничного.

Не залипайте в телевизор в новогоднюю ночь :)

Увидимся в 2024.

#optimistic #updates