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

Общаемся на темы, посвященные Vue.js и опыту его использования. Проблемы. Новости. Решения. См. также: @js_ru, @react_js, @angular_ru, @nuxtjs_ru Вакансии только тут: @javascript_jobs

3988 members

Архив канала @vuejs_ru 16 января 2017 г.

04:50:20 ДП
User 597730
User 60331718
Советую почитать про redux у них есть доки на русском
redux - самое ужасное, что случилось с реактом в конце эволюции flux-библиотек. Это способ писать простые приложения так, как будто у вас огромный монстр в 10000 строк кода, со всеми прилагающимися минусами. В vue в vuex такой же ужас ?
04:51:29 ДП
User 597730
В реакте для человеческого, а не инопланетного стора придумали mobx вместо redux.
05:21:46 ДП
User 38625843
Господи, теперь людям и redux сложен
05:33:36 ДП
User 597730
"теперь" ? Это всегда была аццки переусложнённая вещь. Не, концепция проста, но когда для реализации этой концепции тебе надо на каждый чих писать двадцать восемь констант и тридцать пять редюсеров, то - - -.
05:55:33 ДП
User 60331718
User 597730
redux - самое ужасное, что случилось с реактом в конце эволюции flux-библиотек. Это способ писать простые приложения так, как будто у вас огромный монстр в 10000 строк кода, со всеми прилагающимися минусами. В vue в vuex такой же ужас ?
Не, vuex идейно похож, но в нем есть послабления по сравнению с redux
05:57:43 ДП
User 60331718
А да, ещё красота в том, что vuex заточен именно под vue
08:38:26 ДП
User 60331718
Freezer хранит состояние приложения в виде иммутабельного дерева со встроенной системой событий — http://amp.gs/17wr
08:41:04 ДП
User 60331718
Только зачем оно?
08:45:38 ДП
User 55423102
Using freezer you don't even need a flux framework
08:45:46 ДП
User 55423102
так они себя позиционируют видимо)
08:46:47 ДП
User 60331718
Это я понял, я не понял, почему они себя именно так позиционируют
08:46:59 ДП
User 60331718
Чем это удобнее того же redux?
08:47:47 ДП
User 55423102
Ну типа state меняешь, он вроде как не меняется, но если снова получить его будет новый, с добавленным элементом например
08:47:51 ДП
User 55423102
https://medium.com/@arqex/react-the-simple-way-cabdf1f42f12#.3n22fg6ao
medium.com/@arqex/react-the-simple-way-cabdf1f42f12
Reduce boilerplate code and enjoy React
08:50:28 ДП
User 60331718
Ладно, потом почитаю
09:23:14 ДП
User 152816933
User 55423102
https://medium.com/@arqex/react-the-simple-way-cabdf1f42f12#.3n22fg6ao
medium.com/@arqex/react-the-simple-way-cabdf1f42f12
Reduce boilerplate code and enjoy React
выглядит довольно просто
09:29:09 ДП
User 40268779
Тут есть кто из Амстера? Я в этот четверг буду на митапе для angularjs разработчиков рассказывать про vuejs крутизну. Приходите!
09:52:01 ДП
User 108562525
с радостью бы :(
09:52:40 ДП
User 152816933
User 40268779
Тут есть кто из Амстера? Я в этот четверг буду на митапе для angularjs разработчиков рассказывать про vuejs крутизну. Приходите!
можно будет где то это в интернетах потом увидеть?
09:53:45 ДП
User 40268779
User 152816933
можно будет где то это в интернетах потом увидеть?
Ppt выложу куда нить
09:53:59 ДП
User 152816933
User 40268779
Ppt выложу куда нить
А записи доклада не будет?
09:56:58 ДП
User 40268779
Спрошу
10:05:28 ДП
User 152816933
На всякий случай, если вдруг вы тоже не знали :)
http://vuejs-templates.github.io/webpack/proxy.html
11:01:20 ДП
User 110402941
день добрый, подскажите как инвертировать вывод таблицы, что бы более новые записи были вначале таблицы
11:02:03 ДП
User 55423102
А как ты выводишь таблицу
11:02:49 ДП
User 110402941
<tbody>
                <Bid v-for="bid in bids" 
                    v-bind:bid="bid"
                    v-bind:comments="comments"
                    v-bind:user_id="user_id"
                    v-on:delete-bid="deleteBid"
                    v-on:update-bid="fetchBids"
                    v-on:update-com="fetchComments"
                >
                </Bid>
            </tbody>
11:03:28 ДП
User 55423102
ну если внутри никакой сортировки нет, то просто инвертировать массив bids через  reverse()
11:03:45 ДП
11:03:52 ДП
User 110402941
о спасибо
11:28:53 ДП
User 112715267
Из-за чего геттеры во Vuex могут возвращать undefined?
11:29:19 ДП
User 112715267
Причем внутри геттера пишу console.log(state.abc) - все на местах
return state.abc - undefined
11:30:00 ДП
User 60331718
User 112715267
Причем внутри геттера пишу console.log(state.abc) - все на местах
return state.abc - undefined
Потому что нужно обращаться к ним так: state.getters.abc
11:30:11 ДП
User 112715267
это внутри геттера
11:30:16 ДП
User 112715267
а не обращение к нему
11:31:08 ДП
User 112715267
const getters = {
  currentIndex:state => state.current != null ? state.current-1 : null
  }

store.getters.currentIndex // undefined
11:33:10 ДП
User 112715267
Рафаэль
11:33:13 ДП
User 112715267
Шо не так(
11:34:59 ДП
User 60331718
Хм, я бы условие в тернарном условии заключил в скобки
11:35:09 ДП
User 60331718
И сравнение по !== сделал
11:35:28 ДП
User 112715267
суть не в этом
11:35:34 ДП
User 60331718
В прошлый раз я кажется так это победил
11:35:35 ДП
User 112715267
если просто написать 123, и то не вернет
11:35:49 ДП
User 60331718
Сейчас гляну в свой проект
11:36:42 ДП
User 112715267
console.log() // undefined
11:40:03 ДП
User 110402941
офтопный вопрос, но фронтэндеры должны лучше знать по git, я знаю что в репозитории на гитлабе были изменения, как мне их применить у меня?
11:40:40 ДП
User 60331718
User 112715267
console.log() // undefined
Да вроде все норм, у меня так же
11:42:15 ДП
User 114257402
User 110402941
офтопный вопрос, но фронтэндеры должны лучше знать по git, я знаю что в репозитории на гитлабе были изменения, как мне их применить у меня?
git fetch?
11:42:17 ДП
User 60331718
User 112715267
console.log() // undefined
Так, а попробуйка эту константу getters переименовать
11:42:29 ДП
11:42:32 ДП
User 112715267
у меня заработало
11:42:34 ДП
User 60331718
User 60331718
Так, а попробуйка эту константу getters переименовать
Так не может быть конфликта имён?
11:42:40 ДП
User 60331718
User 112715267
у меня заработало
Что сделал?
11:42:47 ДП
11:42:51 ДП
User 112715267
Записал стрелками
11:42:57 ДП
User 112715267
Как-то странно, должно было и так работать
11:43:16 ДП
User 110402941
User 114257402
git fetch?
спасибо
11:47:04 ДП
User 60331718
User 112715267
Как-то странно, должно было и так работать
Ну ты там доразберись почему не работало то
11:47:31 ДП
User 112715267
babel может шалить?
11:47:51 ДП
User 112715267
это же вроде es6
11:48:07 ДП
User 60331718
User 112715267
babel может шалить?
Да врятли, глянь скомпилированных код в браузере
11:48:21 ДП
User 112715267
Чуть позже чекну
11:48:30 ДП
User 112715267
Я итак много времени профукал(
11:58:50 ДП
User 150544742
вот этот перенос строки после return
11:58:58 ДП
User 150544742
в первом примере
12:00:00 ПП
User 150544742
asi туда semicolon впиливает
12:02:51 ПП
User 150544742
https://tc39.github.io/ecma262/#sec-automatic-semicolon-insertion
12:02:59 ПП
User 150544742
return
a + b
is transformed by automatic semicolon insertion into the following:

return;
a + b;
12:04:08 ПП
User 112715267
let path = [1,2,3];
for(index of path){
draft = draft[index]
}
// Error: index is not defined
12:04:09 ПП
12:04:51 ПП
12:05:59 ПП
User 112715267
Походу бабель болеет
12:06:19 ПП
User 155096996
for(let index of path){
12:06:35 ПП
12:06:37 ПП
User 112715267
это я болею(
12:06:50 ПП
User 155096996
выздоравливай )
12:07:24 ПП
User 112715267
Да я просто после экзаменов немного выдохся, подтупливаю на мелочах
01:37:07 ПП
User 107254408
[Vue warn]: Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your templates, such as <script>, as they will not be parsed.
01:37:15 ПП
User 107254408
такая ошбика в консоли, laravel
01:37:37 ПП
User 107254408
из-за чего может быть?
01:38:17 ПП
User 60331718
Мб ты в компоненте используешь <script>?
01:38:42 ПП
01:39:06 ПП
User 60331718
Кажется на это и ругается
01:39:32 ПП
User 60331718
Все скрипты должны быть внутри js кода компоненты быть описаны
01:40:35 ПП
User 107254408
как так сделать?
01:42:03 ПП
User 60331718
Ты используешь .vue файлы?
01:42:25 ПП
01:42:30 ПП
User 60331718
Впрочем не важно, ты просто там где у тебя логика компоненты, там все и пишешь
01:42:45 ПП
User 60331718
Например использую lifecycle методы
01:42:54 ПП
User 293645084
мб в компоненте трабл, кинь код
01:43:14 ПП
User 107254408
компоненты входящие в пакет laravel-passport
01:43:55 ПП
User 107254408
https://github.com/laravel/passport/tree/1.0/resources/assets/js/components
github.com/laravel/passport/tree/1.0/resources/assets/js/components
Contribute to passport development by creating an account on GitHub.
01:44:08 ПП
User 107254408
изменял только html код
02:22:09 ПП
User 54343366
#whois Привет, меня зовут Айрат.
Фрилансер.
Верстаю, и джунфронтер.
Чем смогу, тем помогу.
Одна голова хорошо а две лучше
Алматы, Казахстан.
Из группы @devkz
02:30:21 ПП
User 110083945
Привет, такой вопрос, может быть скорее бекендерам даже, есть задача в зависимости от условий рендерить либо один, либо другой шаблон "тему", как это классчески делается на бэке?
02:31:23 ПП
User 112715267
<link rel="stylesheet" href="/css/<?=$theme?>/theme.css">
02:32:28 ПП
User 110083945
да, но меняться может еще и html и возможно логика
02:33:38 ПП
User 552804
на чем бэк делаешь?
02:33:51 ПП
User 110083945
скорее всего будет Java
02:33:59 ПП
User 552804
тогда не подскажу
02:34:50 ПП
User 552804
например в laravel можно делаеть return view($theme.'.view_name') кfк то так
02:41:40 ПП
02:42:52 ПП
User 60331718
laravel это php?
02:42:59 ПП
02:43:33 ПП
02:43:56 ПП
02:44:02 ПП
02:44:26 ПП
User 60331718
А я вас чуть-ли своими братьями не считал
02:44:43 ПП
User 60331718
Ох, ладно, извините за троллинг :D
02:49:03 ПП
User 552804
да ты оригинален
02:51:35 ПП
02:52:51 ПП
User 229165046
if (условие) {render(шаблон1)} else {render(шаблон2)}☺️
02:52:51 ПП
User 229165046
Привет, такой вопрос, может быть скорее бекендерам даже, есть задача в зависимости от условий рендерить либо один, либо другой шаблон "тему", как это классчески делается на бэке?
02:53:39 ПП
User 133944225
User 229165046
if (условие) {render(шаблон1)} else {render(шаблон2)}☺️
очень плохо
02:53:51 ПП
User 133944225
а если у тебя будет 50 тем?
02:54:16 ПП
User 229165046
тогда case
02:54:23 ПП
02:58:05 ПП
User 107254408
User 107254408
как так сделать?
.
03:38:31 ПП
User 40268779
User 133944225
а если у тебя будет 50 тем?
это уже какой-то роутер нужен, regexp parsing
03:38:48 ПП
User 133944225
так нужно сразу нормально делать
03:42:07 ПП
User 40268779
User 133944225
так нужно сразу нормально делать
ну если у тебя сращу 50 роyтов то да, а если начинается с 3х то я бы if/else делал, потом через месяц скажут еще 10 добавить - сделал бы switch,и так далее 😊
03:44:01 ПП
User 133944225
нет, зачем 50 роутов
03:44:07 ПП
User 133944225
route params ?
03:44:24 ПП
User 133944225
и вообще даже странно
03:44:33 ПП
User 133944225
я думаю что тема меняется от того что у юзера выбрано чаще всего
03:44:42 ПП
User 133944225
и просто тянется урла и все из его ls или db
03:44:48 ПП
User 133944225
ну это как я себе представляю
04:34:06 ПП
User 152816933
Та ну, откуда 50 тем. Зачем вот это извращаться и пилить то, чего возможно никогда не будет?
04:41:47 ПП
User 55423102
Чтобы уж точно не возвращаться к этому коду)
06:44:48 ПП
User 136935602
Предварительная оптимизация зло
06:44:57 ПП
User 136935602
Как и оверинжиниринг
06:45:11 ПП
User 136935602
YAGNI and KISS
06:45:17 ПП
06:46:33 ПП
06:46:39 ПП
User 60331718
Первый раз о таком слышу
06:46:55 ПП
06:47:00 ПП
User 112715267
вспомнил про дебильный плагин для postcs
06:47:01 ПП
06:47:10 ПП
User 112715267
видел кто-то?
06:47:37 ПП
User 112715267
Посмотрите
06:48:21 ПП
06:48:23 ПП
User 112715267
Вот, кстати, если написать к нему визуальный интерфейс, то вполне себе
А так юзлесс
06:49:24 ПП
User 112715267
Там еще нехило так опций натыкано, кстати
07:05:48 ПП
User 108562525
а по-моему ок
07:05:58 ПП
User 108562525
я бы использовать не стал
07:36:56 ПП
User 112715267
User 108562525
а по-моему ок
Это долго прописывать, быстрее уже так запилить
Первая версия вообще с псевдографикой была
08:33:54 ПП
User 54343366
User 112715267
grid-kiss
Есть даже граф редактор который в аски рисует
09:16:56 ПП
User 112715267
У кого-нибудь было такое, что Sublime ооооочень долго прогружает папки?
09:30:44 ПП
User 139068333
напомните. ажакс кошерно вот этим ? https://github.com/pagekit/vue-resource
github.com/pagekit/vue-resource
The HTTP client for Vue.js. Contribute to pagekit/vue-resource development by creating an account on GitHub.
09:34:30 ПП
User 152816933
User 139068333
напомните. ажакс кошерно вот этим ? https://github.com/pagekit/vue-resource
github.com/pagekit/vue-resource
The HTTP client for Vue.js. Contribute to pagekit/vue-resource development by creating an account on GitHub.
посмотри на https://github.com/mzabriskie/axios
github.com/axios/axios
Promise based HTTP client for the browser and node.js - axios/axios
09:34:55 ПП
User 108562525
User 139068333
напомните. ажакс кошерно вот этим ? https://github.com/pagekit/vue-resource
github.com/pagekit/vue-resource
The HTTP client for Vue.js. Contribute to pagekit/vue-resource development by creating an account on GitHub.
говорят, что уже нет
09:35:09 ПП
User 139068333
ну мне не принципиально что
09:35:21 ПП
User 139068333
прост вроде чтото должно быть
09:35:27 ПП
User 139068333
типа "нежквери"
10:34:48 ПП
User 112715267
Есть ли простой путь добавить реактивность в vuex getters?
Есть геттер, который из вложенного массива вытаскивает нужный кусок
В компоненте есть инпут, нужно, чтобы инпут этот кусок менял
10:35:05 ПП
User 112715267
Но не хочется лишние мутации/действия на каждый случай расписывать
10:51:17 ПП
User 213714651
господа, а такой вопрос странный. есть ли практический толк от использования вью с wp? если не требуется какая-то оптимизация, серверный рендеринг допустим... чем он еще может помочь практически?
11:04:27 ПП
User 108562525
http://tonsky.me/talks/2015-codefest/
tonsky.me/talks/2015-codefest
Какие проблемы решает функциональное программирование для фронт-энда. Что в ФП хорошо ложится на специфику браузера, а что не очень. Обзор обстановки: кто, где и что использует. Истории успеха и провалы. Как может выглядеть архитектура современного фронт-энд приложения, использующего ФП
11:08:35 ПП
User 108562525
сверху вообще написано, зачем это всё. снизу описывается на каких идеях это всё работает.
11:09:18 ПП
User 108562525
User 213714651
господа, а такой вопрос странный. есть ли практический толк от использования вью с wp? если не требуется какая-то оптимизация, серверный рендеринг допустим... чем он еще может помочь практически?
имеет, если у тебя есть динамичные интерфейсы (как магазин с карточками в статье).
11:17:31 ПП
User 112715267
Магазины на вордпрессе, ммм, обожаю