Как правильно реализовывать прелоадеры?

Question

[Петр Сергеев]

видел такое решение
https://codesandbox.io/s/wild-voice-qmx15d?file=/s...
то есть под каждый блок где нужен прелоадер задавать отдельную переменную которая отвечает за отображение прелоадера, и соответственно менять значение этой переменой до и после запроса. (в коде это переменные ipLoader и dataLoader)

Но кажется, что должен быть более лаконичный способ, чем плодить такие переменные. Или это считается нормальной практикой?

Answer 1

[0xD34F]

должен быть более лаконичный способ, чем плодить такие переменные

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

Или это считается нормальной практикой?

Да, считается. У говнокодеров.

Comments

[Петр Сергеев]

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

Если обратиться к паримеру, который я скинул,. Предположить, что эти два запроса не простые, а сложные и не похожи друг на друга, тогда получается нужно было бы создать два компонента и в один перенести переменную ipLoader и остальную сопуствующую логику, а вв-второй перенести dataLoader такую же логику?
То есть фактически код не изменится(по части отображения прелоадеров), но просто каждый прелоадер будет в своем компоненте, а на страницу App.vue эти компоненты просто импортируются?

[0xD34F]

А если у них практически нет ничего похожего.

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

[Петр Сергеев]

0xD34F, делал пример, чтобы просто упростить. Хорошо, тогда не совсем ясно что такое говнокод? То, что продублировали переменные ipLoader и dataLoader? Типа не говнокод это создать один компонент и передавать в него url и задержку для settimeout?