Всем привет! Поделитесь, как вы генерализованным образом обрабатываете loading state

Question

Vue.js — русскоговорящее сообщество

Nikolay

Всем привет! Поделитесь, как вы генерализованным образом обрабатываете loading state

при загрузке данных? Для отображения статуса загрузки. Например, в списке или на кнопке

#frontend #javascript #programming #russian #vue.js

0

10.05.2022

15 ответов

12 просмотров

Станислав Алимпиев

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

0

10.05.2022

Nikolay Автор вопроса

С точки зрения единоразового решения это логично, но когда ты напишешь это в 20-ый раз, почувствуешь, что что-то идет не так

0

10.05.2022

Nikolay Автор вопроса

Рассматривал этот вариант, в целом выглядит как ок. Но есть ощущение, что под каждый чих придется городить оберточные элементы провайдеры. Есть успешный опыт?

0

10.05.2022

Станислав Алимпиев

Nikolay
С точки зрения единоразового решения это логично, ...

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

0

10.05.2022

Nikolay Автор вопроса

Станислав Алимпиев
А что единоразового там, написал стор с нужным сос...

не совсем понял, а зачем тут стор?

0

10.05.2022

alɔeksandyr ippatev

Nikolay
Рассматривал этот вариант, в целом выглядит как о...

Так можно в родителе один саспенс провайдер поставить и все. Отлавливать ошибки будет у всех дочерних копмонентов

0

10.05.2022

Станислав Алимпиев

Nikolay
не совсем понял, а зачем тут стор?

Один из способов записать глобальное состояние isLoading, не ну если умеешь в контекст то туда можешь записать никто не запрещает или в служебный ts\js файл вынести логику тригера иконки загрузки и ее только вызывать.

0

10.05.2022

Roman

Nikolay
не совсем понял, а зачем тут стор?

а что не так?

0

10.05.2022

Nikolay Автор вопроса

Roman
а что не так?

Я даже не знаю как ответить, я не представляю в какой ситуации мне может захотеться шерить на все приложение статус одной локальной загрузки

0

10.05.2022

Nikolay Автор вопроса

Станислав Алимпиев
Один из способов записать глобальное состояние isL...

Пока самое логичное что я вижу это либо Suspense, либо vue обертка реквестов с реактивным состоянием и значением по умолчанию. Но пока не совсем понимаю какие подводные

0

10.05.2022

Станислав Алимпиев

Nikolay
Я даже не знаю как ответить, я не представляю в ка...

Можно и не шерить, а замкнуть статус загрузки на функций и его результат лишь транслировать. В этом плане помогают функций замыкания.

0

10.05.2022

Alex Illarionov

Так у челика на это и запрос не?

0

10.05.2022

Roman