Rafael 🌵
шина - зло
Rafael 🌵
я бы вообще эту секцию в продвиную часть перенес
Rafael 🌵
но и это тоже зло
Rafael 🌵
потому что тогда новичкам придется vuex учить в случае если компоненты не родственных отношениях
CherryTea
@Fl0pZz вообще за то чтобы это была недокументированя фича, да?)
Nikita
Да вы надоели, я даже ваши шины не разу не юзал. Выбора то не особо много.
Nikita
Еще можно эту ссылку почитать.
Nikita
https://ru.vuejs.org/v2/guide/state-management.html#Простой-контейнер-состояния-с-нуля
Rafael 🌵
Rafael 🌵
шину в ПРО секцию надо перенести
Nikita
А это в начало?)
Завтра
Ну ебать вы хоть совесть имейте
Завтра
Такие простыни постить
Maksimilian
Лол
Maksimilian
А собеседование в 3 этапа будет?
Igor
Спарва тестовое задание угнать в МСК ламборджине и пересечь границу в украину
Alexander 🐯
Адекватность... Аха. Это написано в объявление со смайликами и заглавными буквами
Alexander 🐯
Вольти
... Прям маслом писанная вакансия
Вольти
Все в ней прекрасно
Maksimilian
Адекватность... Аха. Это написано в объявление со смайликами и заглавными буквами
Н А Д О Б Ы Л О Е Щ Е В О Т Т А К П И С А Т Ь
Maksimilian
Для полноты картины
Завтра
Вольти
В афимоле fарш открыли!
Завтра
У меня в метро долго отправлялось
Завтра
Не надо тут
Завтра
Как скажешь
Shu
😂
Роман
Мне страшно нажимать на эту ссылку
Георгий
Всем привет, вот сейчас пытаюсь правильно все настроить для работы PostCss. Поставил вот эту сборку https://github.com/vuejs-templates/webpack-simple. Поставил npm пакеты posctCss и PostCssNext стал использовать, автропефиксер работает, фишка с системным шрифты работают, но вот Nesting не работает... Что делать?
Георгий
{
test: /\.vue$/,
loader: 'vue-loader',
options: {
loaders: {
},
postcss: [require('postcss-cssnext')()]
}
},
Виталий
мужики подскажите, что неправильно делаю? у меня что-то асинки не работают. последовательно не выполняются api запросы.
export default {
name: "verify-layout",
created: async function() {
this.routes = window.routes;
await this.getContactInfo();
await this.getDictionaries();
},
data: function() {
return {
campaign: {},
countries: {}
}
},
methods: {
getContactInfo: function() {
let $this = this;
api.post("/api/some/url", {
contact_id: app.contact_id
}).then(function({data: response, request}) {
$this.campaign = response.campaign;
return response;
}, function({data: response, request, config, headers, status}) {
return response;
});
},
getDictionaries: function() {
api.get("/api/another/url").then(function({data: response, request, config}) {
$this.countries = response.countries;
return response;
}, function({data: response, request, config, headers, status, statusText}) {
return response;
});
}
}
}
Tim
Tim
ребят привет)) в vuex как с геттера диспачит экшон? чот не получается
Tim
и можно как то внутри модуля vuex, кроме dispatch('action') вызывать чтото типа this.actions.action() ? ато как то не очень эстетичный код получается)
Rafael 🌵
у тебя геттер исполняется в основном потоке, а действие - в асинхронном
Rafael 🌵
Rafael 🌵
не ломай то, что работает
Tim
Окэ) пасибо
Rafael 🌵
поэтому все и ломается
Rafael 🌵
а теперь вопрос к профи: вы как-то делали всякие адаптеры под запросы?
Nikita
Это как?
Rafael 🌵
абстрагировать компоненту от запросов, т.е она вызывает "адаптер", который резолвит все запросы и преобразует все данные так, чтобы компонента могла применить их к себе
Nikita
Хм, похоже на то когда я все вызовы делал через экшены стора, даже если запрос на стор не влиял.
Rafael 🌵
Nikita
Ну я тоже.
Rafael 🌵
думаю сделать слой адаптеров
Rafael 🌵
но пока еще не придумал нормального интерфеса
Виталий
у тебя методы не асинхронные
так тоже не заводится(
methods: {
getContactInfo: async function() {
let $this = this;
return await api.post("/api/some/url", {
contact_id: app.contact_id
}).then(function({data: response, request}) {
$this.campaign = response.campaign;
return response;
}, function({data: response, request, config, headers, status}) {
return response;
});
},
getDictionaries: async function() {
return await api.get("/api/another/url").then(function({data: response, request, config}) {
$this.countries = response.countries;
return response;
}, function({data: response, request, config, headers, status, statusText}) {
return response;
});
}
}
Nikita
Пастебин проще, чем гист
Виталий
извиняюсь. чтобы сразу было видно и не переходить по ссылке)
Nikita
Nikita
Вот, что я вижу.
Nikita
но пока еще не придумал нормального интерфеса
А, что именно оно делает. Ты типо пишешь адаптер profile, и на get() он тебе вернет обработанный запрос. Сам он внутри типо мапой пройдется и отдаст уже готовые данные?
Виталий
https://pastebin.com/Zzn0Hcsz
Rafael 🌵
Nikita
сейчас напишу у себя, покажу как
Мне просто общая идея нужна, у меня сейчас 2 способа обращения к апи. Через стор или напрямую через компонент. И для напрямую через компонент приходится делать обработку дополнительную.
Nikita
И мне кажется, что чего то не хватает.
Rafael 🌵
общая идея такая: ты где-то написал коннектор (в нашем случае это axios). который полученные данные засывавает в маппер - обретку, которая получает данные и преобразует в нужный тебе формат
Rafael 🌵
т.е по чути ты в компоненет вызываешь маппер, а какие и как он делает запросы - по барабану
Nikita
https://pastebin.com/Zzn0Hcsz
Твой async выглядит как шутка. Пишешь async, а дальше все равно через промисс работаешь.
Rafael 🌵
на выходе получаешь нужные данные и сидишь довольный
Nikita
на выходе получаешь нужные данные и сидишь довольный
Хм, примерно так и думал. Интересно попробовать сделать.
Rafael 🌵
https://pastebin.com/Zzn0Hcsz
у меня сразу несколько вопросов:
1) почему ты используешь фишки es7 - async await синтаксис и не используешь arrow functions
2) почему ты комбинируешь async await с обычнми промисами там, где в этом нет необходимости
3) getContactInfo: async function() это тоже перепиши на более новый стандарт