В UI Development существует концепт оптимистичного UI (optimistic UI).

Самый простой пример данного концепта - нажатие на кнопку "Мне нравится" со счетчиком поставленных лайков. На клиенте можно сделать +1 сразу же, и не заставлять юзера ждать, пока с сервера придет новое значение лайков на данной кнопке.

Решение вашей проблемы зависит от выбранных вами инструментов при создании приложения, но вы можете сделать нечто похожее на это:

Вот как выглядит ТУДУ с ожиданием сервера:



Вот как выглядит с оптимистичным юай:



Тут видно, что новый, не записанный на сервере Item отображается в стиле "Loading..."

Используйте данный подход, дайте загружаемой Item временный ID

Данный метод называют Clean Up'ом, что можно перевести как зачистка.
В данном примере представлена "перестраховка" в случае, когда фетч не успел вернуть дату, а компонент уже был демонтирован.

[1] компонент демонтирован, [2] флаг ignore стал трушным и [3] сетпродукт не будет вызван.

UPD: В будущем, предполагаю, для клинапа будут использовать АбортКонтроллер.

https://dev.to/pallymore/clean-up-async-requests-i...

Хай! Вчера весь день писал юнит тесты после рефакторинга и поэтому внесу свой вклад.

Для юнит тестов используем Jest, создание снапшотов заметно упрощают тестирование UI.

е2е выполнен в Сайпресс. У нас в команде е2е тесты пишет тестер, и он и остальные тестеры в компании не нарадуются им.