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

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

3988 members

Архив канала @vuejs_ru 21 декабря 2016 г.

02:43:42 ДП
User 58768789
https://www.youtube.com/watch?v=JMFuS_Pej_M
youtube.com/watch?v=JMFuS_Pej_M
"Vue.js стремительно набирает популярность во всём мире. Недавние опросы показали, что Vue.js хоть и уступает React по популярности, но находится с ним на од...
02:43:57 ДП
User 58768789
Кидайте своим реактивным и угловатым друзьям
02:48:24 ДП
User 58768789
Блин. Отмена. Не кидайте. Оператор - мудак, ни одного слайда не заснял.
02:49:26 ДП
User 58768789
Или мантожор мудак, презенташку не вставил. Короче - расходимся.
03:41:49 ДП
User 58768789
https://vuetifyjs.com/ Уже кидали сюда?
vuetifyjs.com/en
Vuetify.js is a reusable semantic component framework for Vue.js. It aims to provide clean, semantic and reusable components.
03:56:33 ДП
User 552804
User 58768789
https://vuetifyjs.com/ Уже кидали сюда?
vuetifyjs.com/en
Vuetify.js is a reusable semantic component framework for Vue.js. It aims to provide clean, semantic and reusable components.
Нет, но это на хабре было в дайджесте, думаю многие видели
04:06:53 ДП
User 58768789
Мне особо понравилось, что, в отличии от многих популярных ныне css-фрэймворков, здесь классы для колонок в гридах нормально названы. Просто сравните "col-sm-12" и "sixteen wide column" в bootstrap и semanticUI соответственно c "sm12" в vuetify
04:35:11 ДП
User 55423102
Так можно использовать любой фреймворк для css
04:35:26 ДП
User 55423102
Хоть самому писать классы что понятнее некуда будут 😃
04:42:17 ДП
User 552804
А мне с sm больше нравится
04:42:22 ДП
User 58768789
Да я щас пилю для себя простенький "фрэймворк". Чтобы на стилизацию максимум один класс и тд. Но это долго, да и в планах там нет крутых кастомных элементов - все стандартно, так что для текущего проекта не подойдет. Просто за***ли все эти семантики с пятнадцатью классами на один элемент. Вот зачем, скажите на милость, зачем для нормальной стилизации в semanticUI H1 нужно добавлять класс "ui header"? Ну бред собачий же...
04:45:59 ДП
User 55423102
Смысл думаю есть. Просто надо разбираться почему
04:50:14 ДП
User 58768789
Ну вообще есть 2 типа верстальщиков - те, кто считает, что кастомизировать нужно только классами с изолированными нэймами (БЭМ и т.д.), чтобы не запутаться, и те, кто считает, что классов нужно минимум, чтобы не запутаться. Оба типа в чем-то правы. Я, вот, ко второму типу отношусь.
Вообще есть еще те, кто просто верстает и не парится, но они - плохая тема для холиваров, так что опустим.
04:51:14 ДП
User 55423102
В компонентах вообще можно использовать короткие классы 😊scoped & css modules
04:51:45 ДП
User 55423102
И то что в веб компонентах лишь сделают в будущем — можно пользоваться сейчас
04:57:19 ДП
User 177916640
User 58768789
Ну вообще есть 2 типа верстальщиков - те, кто считает, что кастомизировать нужно только классами с изолированными нэймами (БЭМ и т.д.), чтобы не запутаться, и те, кто считает, что классов нужно минимум, чтобы не запутаться. Оба типа в чем-то правы. Я, вот, ко второму типу отношусь.
Вообще есть еще те, кто просто верстает и не парится, но они - плохая тема для холиваров, так что опустим.
Те кто делает вёрстку используя бем, уже давно знают, что главное это не красота кода, а сложность поддержки.
04:57:42 ДП
User 552804
Еще классно когда можно не верстать а делать только бэкенд 😏
04:58:06 ДП
User 177916640
User 552804
Еще классно когда можно не верстать а делать только бэкенд 😏
Ну да. Особенно если верстать толком и не умеешь))
04:58:16 ДП
User 552804
Это про меня
04:58:29 ДП
User 552804
Я могу набуцтрапить прототип)
04:58:50 ДП
User 552804
А потом пусть дизайнеры и верстальщики делают свое дело
04:59:15 ДП
User 552804
Но для своих проектов приходится и верстать и vue юзать
04:59:21 ДП
User 177916640
А я люблю верстку)   . Для меня это смена вида деятельности — отдых.
04:59:26 ДП
User 552804
Сам себе фронтовик
05:00:46 ДП
User 55423102
Скоро бэкэнд окончательно на клиента переедет и будешь настоящий фронтовик 😂
05:00:58 ДП
User 552804
Не переедет
05:01:05 ДП
User 552804
По крайней мере скоро
05:01:24 ДП
User 552804
А что там на фронте с взаимодействием с бд?
05:01:46 ДП
User 552804
Через бэкенд только или есть что-то своё?
05:01:47 ДП
User 55423102
Всё меняется быстро, не заметишь как революция случится)
05:02:18 ДП
User 55423102
Через бекенд
05:02:31 ДП
User 552804
Firebase какой то есть но я только краем уха слышал не вдаваясь в подробности что это
05:05:49 ДП
User 55423102
Пока на ноду пишут разные пакеты. А как дойдёт речь и под клиента думаю адаптируют
05:07:37 ДП
User 58768789
User 177916640
Те кто делает вёрстку используя бем, уже давно знают, что главное это не красота кода, а сложность поддержки.
Ну да, тут от случая к случаю. Я сам, повторюсь, не люблю лишних классов насовывать, в идеале - все на стандартных элементах. Но в тяжелых проектах БЭМ действительно помогает. Недавно, вот, перевел частично один из таких на БЭМ, стало многим лучше. Но вот для сайтов с простеньким контентом, например лэнднгов или "витрин" (не знаю как такие называются, где только инфа о товарах и все), можно вообще почти без классов обойтись. И без огромного количества js. Только пихают туда всякое говнище. Тянут весь бутстрап, вместе с их комплектом js-ок, сверху подключают jquery, сверху еще одну версию jquery, для пущей стабильности, потом гуглоаналитику, яндекс аналитику, лайвинтернет, оп-па, новая версия jQuery, подключим, и пара jquery-плагинов, которые уже есть в комплекте бутстрапа, но не так хорошо выглядят. И навороченный слайдер для простейшей карусельки. Вуаля - сайт готов!
05:09:53 ДП
User 552804
Осталось захостить на бесплатном хостинге чтобы весь мир видел
05:16:32 ДП
User 55423102
Всё так
05:16:35 ДП
05:16:58 ДП
User 55423102
И ещё плагины надо подключить со сторонних сайтов, чтобы со временем они отвалились
05:17:18 ДП
User 58768789
Кстати, на тему лэндингов. Если у вас есть друзья, которые начинают разговор с "тыж программист", а заканчивают на "запили мне лендинг для моего сверхдоходного бизнеса", смело отправляйте их на https://mobirise.com/ru/ . Охереннейшая вещица! Конструктор лендинга, бесплатный, без регистрации, смс и опознавательных знаков, с которым разберется даже прабабушка этого друга. Недавно вот подобная ситуация у меня произошла, и я случайно на него наткнулся. Страница на выходе получается почти без лишнего говна. Работает шустро. Не реклама, просто занимательный факт
mobirise.com/ru
Создавайте впечатляющие сайты с простым конструктором сайтов. Без программирования! Бесплатно для коммерческого использования.
05:18:48 ДП
User 58768789
И да, там еще есть функция обратной связи "без бэкенда". То есть клиент что-то пишет, это проходит через сервак мобирайза и падает тебе в ящик. И это, повторюсь, абсолютно бесплатно хоть для некоммерческого, хоть для коммерческого
05:19:07 ДП
User 58768789
Есть, конечно, платные услуги, но цены там не загоняют высокие
05:20:41 ДП
User 55423102
Интереснее самому своё написать
05:26:07 ДП
User 58768789
Интереснее, то интереснее, но такие друзья обычно просят крутой лэндинг за 2 500р и вчера.
05:29:39 ДП
User 55423102
Вот и нечего идти на их поводу 😃
05:29:46 ДП
User 55423102
Вчера пусть сами делают
05:33:20 ДП
User 552804
Спасибо за сервис
05:37:57 ДП
User 177916640
Да. Спс за сайт. Теперь есть что ответить этим друзьям. ) А своё такое запилить и правда было бы интересно.  Все друзья хостились бы у тебя )
06:19:28 ДП
User 152816933
User 58768789
Да я щас пилю для себя простенький "фрэймворк". Чтобы на стилизацию максимум один класс и тд. Но это долго, да и в планах там нет крутых кастомных элементов - все стандартно, так что для текущего проекта не подойдет. Просто за***ли все эти семантики с пятнадцатью классами на один элемент. Вот зачем, скажите на милость, зачем для нормальной стилизации в semanticUI H1 нужно добавлять класс "ui header"? Ну бред собачий же...
Видимо в ui лежит лежат какие-то свойства для оформления. Это сейчас кажется, зачем оно, когда можно в один запихать, а потом, когда "кончатся" в проекте нормальные семантические имена классов, будет грустно) 
А я ничего не имею против большого количества классов на DOM ноде. Это дает только больше информации о представлении элемента.
02:11:28 ПП
User 127503805
Может кто знает  нормальный тутор по Vuex , желательно с fetch api 
А то hackernews 2.0 разбираю , он  странный какой то ((
02:13:08 ПП
User 127503805
вернее с самим Vuex я разобрался вроде ) А вот как правильно и когда API дёргать  с ssr , не понятно.
02:14:33 ПП
User 55423102
можно русскую документацию почитать
02:14:33 ПП
02:14:42 ПП
User 55423102
или она ясности не вносит
02:17:23 ПП
User 127503805
Там понятно , и с ToDo понятно.  Итересует именно с API  и SSR связка. axios или superagent.
02:23:45 ПП
User 136935602
грубо говоря когда дождаться данных и отдавать рендеринг клиенту?
02:32:56 ПП
User 127503805
Ну да. Да и просто организация  работы с апи.
02:33:56 ПП
User 136935602
Странно, это действительно плохо гуглится, похоже best practices неизвестны :/
02:44:09 ПП
User 136935602
будем ресечить и писать статью )
02:45:34 ПП
User 127503805
Круто!
02:47:19 ПП
User 127503805
Грубо говоря,  есть API ( например http://fakerestapi.azurewebsites.net/ ) 
И вот нужно удобно работать с ним, не протсто же в vuex action обращаться к нему ?
03:03:28 ПП
User 136935602
ну я обычно выношу все в api слой
03:03:45 ПП
User 136935602
и vuex action только дергает апи
03:04:10 ПП
User 136935602
но это вообще не про vue - я привык максимально выносить фреймворко-независимые вещи в отдельные места
03:06:11 ПП
User 127503805
Да вот просто целый день разбирался, наверно уже голова не соображает  )) 
Я тоже за такой подход, просто с ходу не придумал удачного решения. Собственно по этому и спросил. 
Может пример  скините? Какой HTTP client  используете.
04:25:04 ПП
User 94523403
привет всем)
04:25:19 ПП
User 94523403
есть способ создать фильтр для всех компонентов? или только дублировать?
04:26:40 ПП
User 85413039
User 94523403
есть способ создать фильтр для всех компонентов? или только дублировать?
Миксины?
04:27:25 ПП
User 94523403
кажется оно, щас изучу апишку, спасибо
04:29:41 ПП
User 85413039
Не за что)
05:30:46 ПП
User 152816933
А плагины не умеют в  фильтры? Директивы точно можно, а фильтры не помню, надо доку смотреть
05:37:10 ПП
User 127503805
Вроде добротный пример работы с API  не SSR, но всё же
https://github.com/jackhutu/jackblog-vue/tree/master/src
github.com/jackhutu/jackblog-vue/tree/master/src
jackblog-vue - Jackblog vue 版, 个人博客系统, 使用 vue2, vuex, vue-resource, vue-router, vee-validate, vue-toast 等.
09:00:54 ПП
User 136935602
User 127503805
Да вот просто целый день разбирался, наверно уже голова не соображает  )) 
Я тоже за такой подход, просто с ходу не придумал удачного решения. Собственно по этому и спросил. 
Может пример  скините? Какой HTTP client  используете.
axios. Мой код весьма специфичен
09:00:59 ПП
User 136935602
ибо пишу со вкусом flow :)
09:56:52 ПП
User 152816933
Посоветуйте компоненты в стиле material?
10:32:30 ПП
User 136935602
оно все такое сыроватенькое
10:32:31 ПП
User 136935602
ИМХО конечно же
10:48:16 ПП
User 152816933
Да, оказалось проще прикрутить оригинальный гугловский mdl :)
11:31:48 ПП
User 136935602
это скорее :(