Size: a a a

Клуб Vue.js-разработчиков

2021 February 23

VK

Vladimir Klimov in Клуб Vue.js-разработчиков
m fedorov
Привет, я вот смотрю уроки по практике, и таи вроде говорят что повторять не стоит, это плохой код. А вроде и задание дают. Мне делать или смотреть когда хороший код будет? (Рефакторинг)

Это первое, а второе - мне вроде все понятно пока что, и вот думаю стоит ли делать или нет. А если сейчас не сделаю, а потом придет момент когда усложнится задачи по практике, и тогда все заново догонять придётся?
У вас в любом случае не получится с первого раза сделать хорошо если вы новичек, так что я бы сделал как вы понимаете, так будет проще увидеть "где болит" и зачем вообще нужен этот рефакторинг)
источник

ИБ

Игорь Белов... in Клуб Vue.js-разработчиков
Вопрос возник, сделал домашку хоть и костыльно но всё как нужно, консоль теперь высыпает ошибки от fetch запросов отдельной валюты после удаления тикета. Как можно убрать из стека этот интервальный запрос ?
источник

VK

Vladimir Klimov in Клуб Vue.js-разработчиков
Игорь Белов
Вопрос возник, сделал домашку хоть и костыльно но всё как нужно, консоль теперь высыпает ошибки от fetch запросов отдельной валюты после удаления тикета. Как можно убрать из стека этот интервальный запрос ?
clearInterval вам в помощь)
источник

ИБ

Игорь Белов... in Клуб Vue.js-разработчиков
Vladimir Klimov
clearInterval вам в помощь)
Тогда вопрос, есть же 2 метода. Добавление в котором мы реализуем запросы. Удаление по идее в котором должен быть clearInterval(setInterval). Как передать этот setInterval из метода Добавление в метод Удаление ?
источник

A

Aleksandr in Клуб Vue.js-разработчиков
в моем проекте есть страница регистрации, после ее заполнения данные идут на бек.
как тут лучше работать с валидацией?
на беке она есть (проверка длины пароля, наличие email и тд)
стоит ли добавлять валидацию на клиенте? думал про vuelidate и все проверки делать на ней.
насколько такая практика подойдет?
и как быть с ошибкой, если пользователь уже есть или почта уже используется? ловить ее в скрипте и выводить на фронте?
источник

VK

Vladimir Klimov in Клуб Vue.js-разработчиков
Игорь Белов
Тогда вопрос, есть же 2 метода. Добавление в котором мы реализуем запросы. Удаление по идее в котором должен быть clearInterval(setInterval). Как передать этот setInterval из метода Добавление в метод Удаление ?
Я вот не знаю как это принято делать во вью, как я бы сделал - сохранил бы этот таймер как свойство компонента)
this.foo = setTimeout(bar)

А потом clearInterval(this.foo)
Но повторюсь, не знаю как принято во вью)
источник

ИБ

Игорь Белов... in Клуб Vue.js-разработчиков
Vladimir Klimov
Я вот не знаю как это принято делать во вью, как я бы сделал - сохранил бы этот таймер как свойство компонента)
this.foo = setTimeout(bar)

А потом clearInterval(this.foo)
Но повторюсь, не знаю как принято во вью)
Выглядит костыльно но попробовать стоит, спасибо
источник

DL

Dmitriy Lavrentev in Клуб Vue.js-разработчиков
Игорь Белов
Выглядит костыльно но попробовать стоит, спасибо
Почему костыльно? а как еще сохранить interval, чтоб потом его очистить?)) Вполне рабочий способ
источник

AS

Artyom S in Клуб Vue.js-разработчиков
Игорь Белов
Выглядит костыльно но попробовать стоит, спасибо
Я просто добавил в  data поле intervals
источник

ZD

Zhak Do Shirak in Клуб Vue.js-разработчиков
Игорь Белов
Тогда вопрос, есть же 2 метода. Добавление в котором мы реализуем запросы. Удаление по идее в котором должен быть clearInterval(setInterval). Как передать этот setInterval из метода Добавление в метод Удаление ?
наспех погуглив, я так понял, что можно взять возвращаемое значение от setInterval, и положить его в объект тикера рядом name  и  price, а потом взять оттуда для удаления
источник

ИБ

Игорь Белов... in Клуб Vue.js-разработчиков
Dmitriy Lavrentev
Почему костыльно? а как еще сохранить interval, чтоб потом его очистить?)) Вполне рабочий способ
Костыльно потому что у нас всё больше и больше растет стек состояний data, думаю для такого используется Vuex или какой-то стейт, надеюсь до этого в дальнейшем дойдём в видео ))
источник

AP

Anton Permyakov in Клуб Vue.js-разработчиков
Игорь Белов
Костыльно потому что у нас всё больше и больше растет стек состояний data, думаю для такого используется Vuex или какой-то стейт, надеюсь до этого в дальнейшем дойдём в видео ))
его не обязательно в data записывать
источник

VK

Vladimir Klimov in Клуб Vue.js-разработчиков
Игорь Белов
Костыльно потому что у нас всё больше и больше растет стек состояний data, думаю для такого используется Vuex или какой-то стейт, надеюсь до этого в дальнейшем дойдём в видео ))
Оу, Vuex для такого точно не используется)
Ну, в смысле это не причина его использовать)
источник

DL

Dmitriy Lavrentev in Клуб Vue.js-разработчиков
Игорь Белов
Костыльно потому что у нас всё больше и больше растет стек состояний data, думаю для такого используется Vuex или какой-то стейт, надеюсь до этого в дальнейшем дойдём в видео ))
Для локального состояния не обязательно использовать vuex, просто очищаете интервал и ничего у Вас не растет))
источник

ИБ

Игорь Белов... in Клуб Vue.js-разработчиков
Vladimir Klimov
Оу, Vuex для такого точно не используется)
Ну, в смысле это не причина его использовать)
Согласен, просто сейчас не могу представить куда можно складывать глобальные переменные чтобы к ним дотягиваться со всех углов нашего шаблона, кроме data
источник

VK

Vladimir Klimov in Клуб Vue.js-разработчиков
Игорь Белов
Согласен, просто сейчас не могу представить куда можно складывать глобальные переменные чтобы к ним дотягиваться со всех углов нашего шаблона, кроме data
Решайте проблемы по мере поступления😁
К переменной с id таймера вам точно не надо ниоткуда дотягиваться больше)
источник

ИБ

Игорь Белов... in Клуб Vue.js-разработчиков
Vladimir Klimov
Решайте проблемы по мере поступления😁
К переменной с id таймера вам точно не надо ниоткуда дотягиваться больше)
Это да, потому сейчас просто в data положил )
источник

DL

Dmitriy Lavrentev in Клуб Vue.js-разработчиков
Игорь Белов
Согласен, просто сейчас не могу представить куда можно складывать глобальные переменные чтобы к ним дотягиваться со всех углов нашего шаблона, кроме data
а чем Вам data то не нравится? Это окружение компонента, складывайте туда то, что Вам нужно))
источник

VK

Vladimir Klimov in Клуб Vue.js-разработчиков
Игорь Белов
Это да, потому сейчас просто в data положил )
Но зачем вам реактивность в этом случае?
Это просто статичная переменная
Есть вот такая штука, релевантная для Vue2
https://stackoverflow.com/questions/45814507/how-to-set-a-component-non-reactive-data-in-vue-2
источник

ST

Sergey TS in Клуб Vue.js-разработчиков
Здравствуйте. Колитесь через fetch делаем?
источник