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

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

3988 members

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

05:04:11 ДП
User 149642482
Ребят, кто нибудь знает, можно ли на вью сделать загрузку изображений с превьюшкой?
05:04:18 ДП
User 149642482
Без сторонних библиотек.
05:04:42 ДП
User 149642482
Типа такого https://www.html5rocks.com/ru/tutorials/file/dndfiles/
html5rocks.com/ru/tutorials/file/dndfiles
Руководство по началу работы с API файлов, списка файлов и чтения файлов для обработки и считывания двоичных файлов в JavaScript.
05:10:04 ДП
User 55423102
Самописным компонентом под это дело?)
05:11:20 ДП
User 149642482
User 55423102
Самописным компонентом под это дело?)
Ну это конечно можно, думал может есть что нибудь под это дело во вью)
05:11:49 ДП
User 55423102
Можно поискать в awesome-vue может есть готовое
05:12:07 ДП
User 55423102
Но это не точно 😃
05:22:15 ДП
05:22:18 ДП
User 149642482
Спасибо)
06:24:46 ДП
User 55423102
@godevru нашлось что-то дельное? скинул бы ссылочку)
06:26:24 ДП
User 60331718
User 187771704
можем ли мы менять стейт по урлу не пробрасовая екшены?
Для в хранилище делаешь так:

const store = ...

export default store


И там где тебе нужно провето импортишь хранилище и через диспатч вызываешь действия
06:27:03 ДП
User 60331718
User 187771704
vue-ex что за зверь как оно работает? а то я думаю вотчеры юзать как в ангуляре чтобы пропсы ловить
Почитай про redux, vuex - просто проще
08:12:55 ДП
User 56129812
ребят где в доках почитать как в вуе работатьс дом элементами?
08:13:22 ДП
User 60331718
User 56129812
ребят где в доках почитать как в вуе работатьс дом элементами?
Аля jquery?
08:14:16 ДП
User 60331718
И что именно ты хочешь сделать?
08:14:17 ДП
User 56129812
мне нужно в компоненете вуе в котором у меня сидят элементы списка получить ширину этого элемента в пикселях
08:15:03 ДП
User 56129812
User 60331718
Аля jquery?
по сути наверное да
08:15:16 ДП
User 60331718
User 56129812
мне нужно в компоненете вуе в котором у меня сидят элементы списка получить ширину этого элемента в пикселях
Не, я не знаю, чтобы у вью для этого были какие-то средства, попробуй использовать ванилу
08:15:42 ДП
User 56129812
ок, спасибо
08:18:00 ДП
User 152816933
User 56129812
ребят где в доках почитать как в вуе работатьс дом элементами?
Если нужно получить ссылку на DOM элемент, смотри ref
08:18:27 ДП
User 56129812
да, уже на stackoverflow нагуглил, читаю
08:18:43 ДП
User 56129812
спасибо, разберусь
08:18:50 ДП
User 152816933
В доке есть ;)
08:24:39 ДП
User 56129812
я в доке не нашел, нашел только"v-el and v-ref have been merged into the ref attribute"
08:25:45 ДП
User 60331718
User 56129812
я в доке не нашел, нашел только"v-el and v-ref have been merged into the ref attribute"
Думаю, он про $ref говорил
08:26:23 ДП
User 56129812
а, да, я туплю с утра
08:26:30 ДП
User 56129812
v-ref искал
08:28:12 ДП
User 152816933
v-ref || $ref нет таких атрибутов - ref
https://ru.vuejs.org/v2/api/#ref
ru.vuejs.org/v2/api
Vue.js — Прогрессивный JavaScript-фреймворк
08:28:57 ДП
User 60331718
$refs, прошу прощения
08:29:50 ДП
User 56129812
в первой версии были v-el и v-ref, которые потом смержили в аттрибут ref, который доступен через $refs
08:30:01 ДП
User 56129812
я уже прочитл, разобрался вроде
08:30:03 ДП
User 56129812
спасибо)
09:00:57 ДП
User 42803563
всем привет.
1. проект самый лучший
2. Node.js, немного React, еще немного Angular
3. ...
4. хайп
5. киев
6. BeerJS Kyiv
09:22:04 ДП
User 40268779
народ, я дописал до такой первой более менее версии - попробуйте кто может - https://github.com/shershen08/vue-styleguide-generator
github.com/shershen08/vue-styleguide-generator
vue-styleguide-generator - React inspired style guide generator for Vue.js
09:22:21 ДП
User 40268779
только не пинайте сильно 🙊
09:28:45 ДП
User 60331718
User 42803563
всем привет.
1. проект самый лучший
2. Node.js, немного React, еще немного Angular
3. ...
4. хайп
5. киев
6. BeerJS Kyiv
это что?
09:29:48 ДП
User 60331718
User 40268779
народ, я дописал до такой первой более менее версии - попробуйте кто может - https://github.com/shershen08/vue-styleguide-generator
github.com/shershen08/vue-styleguide-generator
vue-styleguide-generator - React inspired style guide generator for Vue.js
как-нибудь посмотрюю исходники👍🏻 тоже хочу выпустить свой первый пакетик
09:47:28 ДП
User 40268779
User 60331718
как-нибудь посмотрюю исходники👍🏻 тоже хочу выпустить свой первый пакетик
ну мне еще предстоит сервер-рендеринг доработать, пока не получается
09:54:19 ДП
User 152816933
User 40268779
народ, я дописал до такой первой более менее версии - попробуйте кто может - https://github.com/shershen08/vue-styleguide-generator
github.com/shershen08/vue-styleguide-generator
vue-styleguide-generator - React inspired style guide generator for Vue.js
круто, спасибо! По возможности гляну
10:01:43 ДП
User 152816933
User 40268779
народ, я дописал до такой первой более менее версии - попробуйте кто может - https://github.com/shershen08/vue-styleguide-generator
github.com/shershen08/vue-styleguide-generator
vue-styleguide-generator - React inspired style guide generator for Vue.js
А где посмотреть сам синтаксис component.md? Что нужно писать в  component.md что б он корректно сгенерировал  стайлгайд?
10:08:42 ДП
User 40268779
User 152816933
А где посмотреть сам синтаксис component.md? Что нужно писать в  component.md что б он корректно сгенерировал  стайлгайд?
мммм, хороший вопрос. пока он просто читает все из .md и рисует
10:09:10 ДП
User 40268779
а какой должен быть синтаксис - есть пример чего имплементировать?
10:10:17 ДП
User 40268779
и еще по расположению файлов .md я там написал целое обяснение , надеюсь не очень заумно - 1) if there are files with the same name in one folder (e.g. /scr/partials/TabBar.vue and /scr/partials/TabBar.md) it's assumed to be one component;
10:16:58 ДП
User 133582843
У кого-нибудь есть конфиг вебпака под Vue.js с TypeScript, чтобы был lazy load компонентов роута?
10:17:00 ДП
User 152816933
User 40268779
а какой должен быть синтаксис - есть пример чего имплементировать?
ммм.. У меня пока нет ответа. Вернее, не встречал удобного варианта.
10:19:00 ДП
User 40268779
User 152816933
ммм.. У меня пока нет ответа. Вернее, не встречал удобного варианта.
ну если будет - дай знать! вообще где бы фидбека еще собрать с живых юзеров vue ?
10:22:56 ДП
User 152816933
Думаю, надо идти в офф gitter
10:24:03 ДП
User 40268779
User 152816933
Думаю, надо идти в офф gitter
👍
10:25:39 ДП
User 133750577
User 133582843
У кого-нибудь есть конфиг вебпака под Vue.js с TypeScript, чтобы был lazy load компонентов роута?
А причем тут тайпскрипт
10:25:49 ДП
User 133750577
Если вебпак второй, вот тут расписано https://webpack.js.org/guides/migrating/#code-splitting-with-es2015
10:26:19 ДП
User 40268779
запостил, посмотрим
10:26:22 ДП
User 152816933
User 40268779
👍
еще есть https://gitter.im/vuejs-ru/Discussion
gitter.im/vuejs-ru/Discussion
Русское сообщество Vue.js | Для примеров: http://jsfiddle.net/5sH6A/ | https://vk.com/vuejs | Правила чата: http://laravel.su/articles/nine-circles-of-chat
10:27:10 ДП
User 133750577
User 133582843
У кого-нибудь есть конфиг вебпака под Vue.js с TypeScript, чтобы был lazy load компонентов роута?
И вместо, например, import IndexPage from '../pages/index/IndexPage.vue'; просто юзаешь const IndexPage = () => import('../pages/index/IndexPage.vue'), становится асинхронным
10:29:41 ДП
User 133750577
Либо вместо import(..) если вебпак 2, но бета: System.import(...)
10:30:31 ДП
User 60331718
User 133750577
И вместо, например, import IndexPage from '../pages/index/IndexPage.vue'; просто юзаешь const IndexPage = () => import('../pages/index/IndexPage.vue'), становится асинхронным
такая же аснхронность и для обычно js получается?
10:36:50 ДП
User 133750577
User 60331718
такая же аснхронность и для обычно js получается?
Не понял вопрос
10:37:48 ДП
User 133750577
import('../pages/index/IndexPage.vue') возвращает промис, а вуе умеет воспринимать компоненты как промисы и отрисовывает когда подргузится
10:37:49 ДП
User 60331718
Ай ладно, забей
10:38:09 ДП
User 60331718
User 133750577
import('../pages/index/IndexPage.vue') возвращает промис, а вуе умеет воспринимать компоненты как промисы и отрисовывает когда подргузится
О, во как
10:41:22 ДП
User 133582843
Спасибо, буду пробовать
11:05:27 ДП
User 133582843
User 133750577
И вместо, например, import IndexPage from '../pages/index/IndexPage.vue'; просто юзаешь const IndexPage = () => import('../pages/index/IndexPage.vue'), становится асинхронным
error TS1109: Expression expected.
http://vtok.tk/sshot/2017-01-27_dfff.png
vtok.tk/sshot/2017-01-27_dfff.png
11:06:59 ДП
User 133750577
Так ты не Vue-компонент импортишь?
11:08:47 ДП
User 133582843
А в чем разница?
11:20:45 ДП
User 133750577
В том, что import возвращает промис. Vue умеет сам понимать, когда ему передали просто компонент, а когда промис на него. Если ты хочешь асинхронно подгрузить просто скрипт, почитай про промисы в js, тебе нужно будет самому определить логику того, что делать когда скрипт загрузится.
11:21:51 ДП
User 133750577
Если ты хочешь просто импортнуть js (не асинхронно), используй import test from '../pages/index/test.js';
11:22:15 ДП
User 133750577
https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Statements/import
developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Statements/import
Инструкция import используется для импорта ссылок на значения, экспортированные из внешнего модуля.
11:23:48 ДП
User 40268779
User 133750577
В том, что import возвращает промис. Vue умеет сам понимать, когда ему передали просто компонент, а когда промис на него. Если ты хочешь асинхронно подгрузить просто скрипт, почитай про промисы в js, тебе нужно будет самому определить логику того, что делать когда скрипт загрузится.
Думаю это vue-loader и вебпак понимают а vue уже фигачит дальше с полученным кодом модуля
11:27:05 ДП
User 133750577
User 40268779
Думаю это vue-loader и вебпак понимают а vue уже фигачит дальше с полученным кодом модуля
Вуе понимает промисы, вебпак их транспайлит из import'a https://vuejs.org/v2/guide/components.html#Async-Components
vuejs.org/v2/guide/components.html
Vue.js - The Progressive JavaScript Framework
11:27:58 ДП
11:38:54 ДП
User 133750577
Есть англоязычный чат по vue, никто не в курсе?
11:39:22 ДП
11:39:55 ДП
User 152816933
User 133750577
Есть англоязычный чат по vue, никто не в курсе?
https://gitter.im/vuejs/vue
gitter.im/vuejs/vue
NO LONGER MAINTAINED: Please migrate to http://chat.vuejs.org/ for the new and improved community chat
11:40:25 ДП
User 133750577
Не, в телеграме
01:08:59 ПП
User 65484181
у реакта есть relay (замена redux для graphql)
есть ли что-то для vue (vue-apollo как я понял не замена vuex)?
01:09:33 ПП
User 57696946
relay это react-specific фреймверк
01:10:34 ПП
User 57696946
т к react и graphql — разработки facebook, то логично, что они запилили фреймверк для связки этих двух штук, но для vue есть vue-apollo
01:11:13 ПП
User 57696946
в прочем и для react есть react-apollo и для ng и пр
01:13:54 ПП
01:14:11 ПП
User 187771704
Кароче ребят есть вопрос. нужно сделать админ панельку нашел бойлер плейт, за один день настроил его на вью 2
01:14:33 ПП
User 187771704
нужно ли мне будет при создании админки юзать вуекс
01:14:48 ПП
User 187771704
если по сути стейт будет только на одной страничке
01:15:21 ПП
User 57696946
имхо, ап ту ю
01:31:28 ПП
01:35:13 ПП
User 187220703
User 187771704
если по сути стейт будет только на одной страничке
Я вообще не понимаю зачем его юзать, это же не реакт, по моему эти стейты только всё усложняют
01:39:22 ПП
User 60331718
User 187220703
Я вообще не понимаю зачем его юзать, это же не реакт, по моему эти стейты только всё усложняют
Для этого есть mobx
01:45:28 ПП
User 187220703
Лично у меня подход к разработке как-то совсем не принимает эти глобал стейт менеджеры, у меня всё наоборот инкапсулировано внутри собственных классиков, наследников, поэтому я вообще не понимаю примеров, описаных в этих стейт менеджерах и зачем они нужны вообще
01:46:25 ПП
User 187220703
Может я конечно просто лох, спорить не стану
01:46:54 ПП
User 60331718
User 187220703
Лично у меня подход к разработке как-то совсем не принимает эти глобал стейт менеджеры, у меня всё наоборот инкапсулировано внутри собственных классиков, наследников, поэтому я вообще не понимаю примеров, описаных в этих стейт менеджерах и зачем они нужны вообще
Вот я пишу сейчас стейт уведомлений - в любой компоненте можно пушнуть и забыть, а оно само где-нибудь достанентся
01:47:21 ПП
User 60331718
И я не парюсь: везде и все имеют доступ к этому стейту, из любой компоненты
01:50:04 ПП
User 187220703
У меня у каждого классика (если он нужен) есть миксин евент-системы простенькой, импорти классик, подписывайся где хочешь, отписывайся, используй. Тоже не парюсь
01:51:39 ПП
User 60331718
User 187220703
У меня у каждого классика (если он нужен) есть миксин евент-системы простенькой, импорти классик, подписывайся где хочешь, отписывайся, используй. Тоже не парюсь
Кек, но ведь это уже глобал стейты тогда будут
01:51:47 ПП
User 60331718
Чем-то похоже на flux
01:52:07 ПП
User 60331718
А если все классики скомбинируешь в 1 - redux
01:52:17 ПП
User 187220703
User 60331718
Кек, но ведь это уже глобал стейты тогда будут
В том то и дело, что не глобал, всё в своём месте.
01:52:28 ПП
User 60331718
User 187220703
В том то и дело, что не глобал, всё в своём месте.
Flux же, ну
01:54:20 ПП
User 60331718
Блин, чуваки, кто-то писал vuex-persistent, но с указанием какие модули нужно пихать в localstorage?
01:54:59 ПП
User 187220703
Короче моё мнение такого. Я React оч. поверхносто изучал, но понял, что там очень удобно использовать стейт менеджеры, потому, что у каждого компонента стейт меняется целиком, там нет реактивности (по отдельным полям) как в angular и vue, и там это реакльно превращается в удобный такой глобальный стейт пропагашон скозь компоненты, и т.д. И нести его в angular и vue это как-то не правильно, потому, что это там не настолько удобно и целесообразно
01:56:12 ПП
User 187220703
Хотя вот если реально делать такую приложуху аля десктоп с Ctl+Z с каким-нибудь offline модом тогда наверное это будет хорошим решением
02:04:42 ПП
User 60331718
Кстати есть смысл писать враперы над дествиями?
02:13:58 ПП
User 152643981
#whois Добрый вечер. Меня зовут Аралбаев Дамир, Бишкек(Кыргызстан). Увидел ссылку на чат в RadioJS Podcast. Работаю девелопером с 2006, в основном бэкенд (java). На данный момент активно изучаю Go, и посматриваю в сторону фронтенда, а конкретно vue. Надеюсь буду полезен сообществу, как минимум не вреден)
02:23:36 ПП
User 152816933
User 152643981
#whois Добрый вечер. Меня зовут Аралбаев Дамир, Бишкек(Кыргызстан). Увидел ссылку на чат в RadioJS Podcast. Работаю девелопером с 2006, в основном бэкенд (java). На данный момент активно изучаю Go, и посматриваю в сторону фронтенда, а конкретно vue. Надеюсь буду полезен сообществу, как минимум не вреден)
ссылка на чат была на странице подкаста?
02:23:41 ПП
User 152816933
Какой выпуск?
02:24:32 ПП
User 152643981
Нет проскакивала у них в чате телеграмма https://t.me/RadioJSPodcast
t.me/RadioJSPodcast
Чат во время прямых трансляций, вопросы гостям и ведущим подкаста, обсуждение тем, поднятых в недавних выпусках. Реклама, несвязанные с подкастом темы - бан.
02:31:29 ПП
User 152816933
а, вижу, угу
02:31:40 ПП
User 152816933
но в последнем выпуске они его тоже упомянули
03:21:31 ПП
User 136935602
User 60331718
Блин, чуваки, кто-то писал vuex-persistent, но с указанием какие модули нужно пихать в localstorage?
я
03:21:55 ПП
User 60331718
User 136935602
я
а в опенсорс выложил?
03:21:58 ПП
User 136935602
import createPersistedState from 'vuex-persistedstate';

export default new Vuex.Store({
  modules: { auth },
  strict: process.env.NODE_ENV !== 'production',
  plugins: [
    createPersistedState({ key: 'bsm', paths: [ 'auth.persistedUsername', 'auth.user' ] }),
  ],
});
03:22:17 ПП
User 136935602
оно умеет из коробки это
03:23:34 ПП
User 112715267
почему я всегда проигрываю с фразы "из коробки"
03:36:10 ПП
User 187220703
Хочу поделиться опытом для тех, кто только пробует vue.js. Около 2х лет я разрабатывал веб-приложения на angular.js. Всё это в основном один обширный проект с множеством однотипных форм (журналов) различных сущностей, картой, графиками, порой сложными динамическими формами, конструкторами, конструируемыми таблицами и т.п.
  Назрел новый проект, который реализовывал бы тот же функционал но весь ui должен был быть построен на обобщённой технологии, когда все формы, журналы, некоторая логика, фильтрация, сущности и их поля должны создаваться с помощью конструкторов в этом же интерфейсе. К тому времени были начаты ещё несколько новых проектов на angular с использованием es6, webpack и всяких новых фич, появился angular 2 и vue обрёл стабильную форму и очень был привлекателен для нескольких из наших разработчиков, а angular 1 уже начал казаться монструозным, плохо завязывался на es6 импорты со своим депенденси инжектором. Очень хотелось опробовать Vue.js, но был определённый страх, что при создании настолько непростых конструкторов и динамически сторящихся интерфейсов возникнут сложности, не проявляющиеся на простых примерах. Остутствие большого комьюнити и качественных компонентов для vue тоже настораживало (в angular это angular-strap комопненты, ui-bootstrap, всякие аплоадеры и т.п.) у vue.js были аналоги, но слишком наивные и простые.
Затем я остался один, получил кардбланш и таки рискнул (правда пару месяцев об этом никто не знал :). Сразу скажу ни разу не пожалел ). Все страхи развенчались, а компоненты типа дейтпикеров, супер-селектов, модалок и прочего оказалось настолько просто писать самому с нуля и на основе уже имеющихся (ну может быть потому, что опыта было уже достаточно, конечно, но всё же). Когда сложная динамика на angular работала порой значительно медленно и приходилось вручную генерировать шаблоны а затем его подсовывать ангуляру, то со Vue ничего делать не пришлось, всё так хорошо уложилось в его систему компонтентов, что не пришлось изобретать велосипеды и при это работало всё очень шустро. А с переходом на Vue 2 так вообще всё летает. Получилось очень модульно, разделённо, одним словом - красиво. Применялись и миксины и наследование компонентов, разделилась логика работы самих компонентов и классов сущностей, очень понравилось то, что он заставляет определять все поля данных (для работы реактивности), множество сообщений об ошибках предотвращает такое же множество их появления. В общем всё получается более строгим и понятным. Ну когда ещё всё работает с hot-reload'ом компонентов налету с сохранением состояния так вообще красота, и скорость разработки возросла значительно.
 Очень легко оказалось портировать компоненты с ангуляра на vue (конечно из за того, что мы заранее старались как можно больше концентрировать бизнес-логику в отдельных классах по минимуму использующих angular и упростить контроллеры к простой инициализации экземпляров этих классов у себя в скоупе). Для этого просто нужно было менять ng- на v- и убирать из кода всё, что связано с angular (типа $apply и т.п.). В общем всем сомневающимся рекомендую, особенно тем, которым не нравится react, потому, что vue достойная ему альтернатива 👍
03:37:25 ПП
User 187220703
Кстати всё хочу выложить свою либу компонентов на гитхаб, да что-то лень
03:42:28 ПП
User 112715267
Уххх сколько букав
03:42:31 ПП
User 112715267
Сейчас, подожди)
03:44:18 ПП
User 112715267
Ну, в общем-то, ты описал как раз все то, что мне в Vue нравится))
03:44:57 ПП
User 55423102
@xanf_ua я кстати разобрался, почему у меня css не падал с define=> false 😃 именно та магия о которой ты говорил
03:45:02 ПП
User 112715267
менять ng- на v- и убирать из кода всё, что связано с angular (типа $apply и т.п.)
вот тоже недавно просили переписать под Vue, вообще проблем не составило)
03:45:21 ПП
User 136935602
@alex_sokolov какая именно?
03:46:21 ПП
User 133750577
User 187220703
Хочу поделиться опытом для тех, кто только пробует vue.js. Около 2х лет я разрабатывал веб-приложения на angular.js. Всё это в основном один обширный проект с множеством однотипных форм (журналов) различных сущностей, картой, графиками, порой сложными динамическими формами, конструкторами, конструируемыми таблицами и т.п.
  Назрел новый проект, который реализовывал бы тот же функционал но весь ui должен был быть построен на обобщённой технологии, когда все формы, журналы, некоторая логика, фильтрация, сущности и их поля должны создаваться с помощью конструкторов в этом же интерфейсе. К тому времени были начаты ещё несколько новых проектов на angular с использованием es6, webpack и всяких новых фич, появился angular 2 и vue обрёл стабильную форму и очень был привлекателен для нескольких из наших разработчиков, а angular 1 уже начал казаться монструозным, плохо завязывался на es6 импорты со своим депенденси инжектором. Очень хотелось опробовать Vue.js, но был определённый страх, что при создании настолько непростых конструкторов и динамически сторящихся интерфейсов возникнут сложности, не проявляющиеся на простых примерах. Остутствие большого комьюнити и качественных компонентов для vue тоже настораживало (в angular это angular-strap комопненты, ui-bootstrap, всякие аплоадеры и т.п.) у vue.js были аналоги, но слишком наивные и простые.
Затем я остался один, получил кардбланш и таки рискнул (правда пару месяцев об этом никто не знал :). Сразу скажу ни разу не пожалел ). Все страхи развенчались, а компоненты типа дейтпикеров, супер-селектов, модалок и прочего оказалось настолько просто писать самому с нуля и на основе уже имеющихся (ну может быть потому, что опыта было уже достаточно, конечно, но всё же). Когда сложная динамика на angular работала порой значительно медленно и приходилось вручную генерировать шаблоны а затем его подсовывать ангуляру, то со Vue ничего делать не пришлось, всё так хорошо уложилось в его систему компонтентов, что не пришлось изобретать велосипеды и при это работало всё очень шустро. А с переходом на Vue 2 так вообще всё летает. Получилось очень модульно, разделённо, одним словом - красиво. Применялись и миксины и наследование компонентов, разделилась логика работы самих компонентов и классов сущностей, очень понравилось то, что он заставляет определять все поля данных (для работы реактивности), множество сообщений об ошибках предотвращает такое же множество их появления. В общем всё получается более строгим и понятным. Ну когда ещё всё работает с hot-reload'ом компонентов налету с сохранением состояния так вообще красота, и скорость разработки возросла значительно.
 Очень легко оказалось портировать компоненты с ангуляра на vue (конечно из за того, что мы заранее старались как можно больше концентрировать бизнес-логику в отдельных классах по минимуму использующих angular и упростить контроллеры к простой инициализации экземпляров этих классов у себя в скоупе). Для этого просто нужно было менять ng- на v- и убирать из кода всё, что связано с angular (типа $apply и т.п.). В общем всем сомневающимся рекомендую, особенно тем, которым не нравится react, потому, что vue достойная ему альтернатива 👍
А что за проект-то, если не секрет?
03:46:53 ПП
User 55423102
Ну я ушёл когда регуляркой начал заниматься. Не знаю что у тебя вышло. А у меня сработал потому что extractcss отрабатывал в правиле раньше, чем шло правило с define
03:47:26 ПП
User 55423102
Передвинул — появилась ошибка 😃
03:47:52 ПП
03:48:00 ПП
User 136935602
у меня  extractcss только в проде
03:48:02 ПП
User 136935602
ради ХМРа
03:48:19 ПП
User 55423102
А что это
03:48:27 ПП
User 136935602
Hot Module Reloading
03:48:31 ПП
03:48:33 ПП
User 136935602
лень раскладку переключать было
03:48:53 ПП
User 112715267
Ильяя
03:48:54 ПП
User 112715267
Как дела
03:49:11 ПП
User 55423102
А иначе не работает? Блин, может поэтому я его не мог завести
03:57:32 ПП
User 187220703
User 133750577
А что за проект-то, если не секрет?
Ну вообще секрет, и я так скажу, что ты его никогда не увидишь :(
03:57:32 ПП
User 187220703
Интранет проект
04:13:40 ПП
User 187220703
А, ну я тут правила увидел. Так что скажу о себе, что ещё не сказал.
Сам я из Челябинска, живу и работаю в Москве, в компании, занимающейся разработкой софта для гос учреждений в роли ведущего фронденд разработчика в течение 3х лет. Postgres + Java + nginx + Angular/Vue + leaflet....
Узнал о группе отсюда @javascript_jobs
05:34:11 ПП
User 202520
народ. new WebSocket(url)  не работает. жалуется, что модуля нет. как лечить и использовать нативные возможности браузера для создания соединения?
05:35:14 ПП
User 136935602
@zavitaev а какой браузер?
05:36:54 ПП
User 202520
User 136935602
@zavitaev а какой браузер?
Chrome. какая разница, когда мне esLint говорит пшел вон модуля нет
05:37:11 ПП
User 136935602
browser: true?
05:37:27 ПП
User 136935602
в конфиге еслинта? :)
05:38:36 ПП
User 202520
с этого места подробнее)) eslintrc?
05:39:08 ПП
05:39:21 ПП
User 202520
нет такого свойства
05:41:39 ПП
User 202520
сейчас попробуем дописать
05:51:19 ПП
User 210337382
#whois 
Занимаюсь разработкой приложений для сферы образования.
Full stack разработка.
React, Angular, Vue, Node, Laravel
Живу в Москве
05:54:05 ПП
User 210337382
Скажите пожалуйста, кто где выполняет запросы к базе, если используете vuex?
05:54:30 ПП
User 210337382
*запросы к API
05:54:46 ПП
User 187771704
User 210337382
Скажите пожалуйста, кто где выполняет запросы к базе, если используете vuex?
плюсую
05:54:55 ПП
User 133750577
User 210337382
Скажите пожалуйста, кто где выполняет запросы к базе, если используете vuex?
Много раз обсуждалось, однозначного ответа нет
05:55:03 ПП
User 187771704
может чтото наподобие метеора есть?
05:55:30 ПП
User 210337382
К API а не к базе
05:56:18 ПП
User 210337382
А так, типа метеора, решили использовать graphologists
05:56:27 ПП
User 152816933
Weex потыкать или ведроид студию поставить? А вдруг понравится
05:56:38 ПП
05:57:33 ПП
User 210337382
Вообще, очень понравился Nuxt. Юзал кто нибудь?
05:57:52 ПП
User 152816933
Кто тут был в чатике
06:00:23 ПП
User 210337382
Weex ещё очень сырой
06:01:04 ПП
User 210337382
Пытался с ним совладать, психанул и на swift написал
06:12:28 ПП
User 40268779
User 210337382
Скажите пожалуйста, кто где выполняет запросы к базе, если используете vuex?
Пиши сервис как в ангуляре например, его дергать надо
06:13:47 ПП
User 210337382
А потом? Где данные диспатчить?
06:15:08 ПП
User 210337382
Пытался так сделать, но у сервиса тогда нет доступа к store
06:16:07 ПП
User 40268779
Слушай ну если все же следовать Flux то не в actions надо запрос делать, ты это понимаешь?
06:16:28 ПП
User 210337382
Конечно
06:16:41 ПП
User 40268779
Надо в компонентах делать promises
06:17:20 ПП
User 40268779
И на действия которые дергают api делать разные стейты
06:17:22 ПП
User 210337382
Так и делаю. И компоненты превращаются в помойку
06:17:32 ПП
06:17:47 ПП
User 40268779
Ну абстрагируйся в сервис
06:18:16 ПП
User 187771704
кстати ребят
06:18:29 ПП
User 187771704
стоит ли из вью делать ангуляр?
06:19:03 ПП
User 40268779
Сервис это типичная структура. Ангуляр не изобрёл ее
06:19:08 ПП
User 187771704
ну сервисы юзать как обсерверлы и пизать все через обсерверлы в стейт
06:19:09 ПП
User 210337382
Так и делаю)) Вызываю сервис в компоненте, на ресолв диспатчу экшн
06:19:19 ПП
06:19:26 ПП
User 40268779
Где проблема то
06:19:45 ПП
User 187771704
я просто пытаюсь понять
06:19:46 ПП
User 210337382
Не красиво))
06:20:07 ПП
User 187771704
https://github.com/kaflan/vuejsExemple/blob/master/src/App.vue
github.com/kaflan/vuejsExemple/blob/master/src/App.vue
Contribute to vuejsExemple development by creating an account on GitHub.
06:20:07 ПП
User 60331718
как гуглить архитектуру с сервисом?
06:20:14 ПП
User 187771704
https://github.com/kaflan/vuejsExemple/blob/master/src/services.js
github.com/kaflan/vuejsExemple/blob/master/src/services.js
Contribute to vuejsExemple development by creating an account on GitHub.
06:20:25 ПП
User 187771704
ну вот я тут типа нуба сервис делал
06:20:50 ПП
User 40268779
User 210337382
Не красиво))
Покажи в другом языке как это красиво?
06:20:55 ПП
User 187771704
и будет ли потом разработчикам которые будут брать проэкт удобно в этом ковырятся и насколько очевидно это будет
06:21:14 ПП
User 187771704
что это кастомный сервис вью
06:21:22 ПП
User 187771704
который есть
06:21:48 ПП
User 187771704
я еще на выходных сделаю там стейт машину.
06:22:11 ПП
User 187771704
чтобы понять стоит ли оно усилий и проще ли просто напрямую к апи
06:22:23 ПП
User 210337382
User 40268779
Покажи в другом языке как это красиво?
Хочется чтоб одной функцией и апи запрашивался и экшн диспатчился
06:22:33 ПП
User 187771704
ну то шо я видел из примеров никто сервис не юзал
06:22:40 ПП
06:22:49 ПП
User 187771704
так я и наверное замучу
06:22:50 ПП
User 40268779
Я реально не понимаю ваших траблов. Любой человек поймёт что это объект инкапсулирующий
06:23:03 ПП
User 187771704
User 210337382
Хочется чтоб одной функцией и апи запрашивался и экшн диспатчился
попробую
06:23:08 ПП
User 40268779
Тем более с angularjs опытом
06:23:34 ПП
User 187771704
User 40268779
Тем более с angularjs опытом
я пытаюсь не говнокодить
06:23:36 ПП
User 210337382
Angular вообще помойка
06:23:52 ПП
User 187771704
а ангуляр помойка еще та, особенность его оптимизации
06:23:59 ПП
User 187771704
это ваще взрыв мозга
06:24:07 ПП
User 210337382
Даже если по стайлгайду писать
06:24:50 ПП
User 40268779
Бл* я про структуры
06:25:34 ПП
User 210337382
Структуры?
06:27:37 ПП
User 210337382
Работал с nuxt кто нибудь?
Там в корневых компонентах роута data собирает данные
06:27:51 ПП
User 40268779
Ну что сервис или синглетон он и есть не важно JavaScript или Java
06:27:53 ПП
User 210337382
Мне понравилось такое решение
06:29:41 ПП
User 210337382
User 40268779
Ну что сервис или синглетон он и есть не важно JavaScript или Java
Синглтон он и в Африке синглтон. Как ему store передать?
06:31:11 ПП
User 40268779
Дядь синглетон не должен знать ь про это
06:31:48 ПП
User 40268779
Он тупо дергает api и и промисы отдаёт
06:33:34 ПП
User 210337382
Блин. Это понятно. Просто хочу вынести это и диспатч из компонента.
06:33:37 ПП
User 40268779
Всё, пошёл бухать, удачи
06:33:42 ПП
06:33:53 ПП
06:52:08 ПП
User 41361143
Одностраничный сайт делать нормально на vue.js ? С маленькой логикой
06:54:10 ПП
User 187771704
User 41361143
Одностраничный сайт делать нормально на vue.js ? С маленькой логикой
лучше сверстать просто
06:54:13 ПП
User 41361143
Из логики, infinite scroll, много модалок, которые получают данные с сервера
06:54:15 ПП
User 187771704
индексироватся не будет
06:55:09 ПП
User 85413039
Был же пакет пререндер
06:55:10 ПП
User 41361143
Ох, тоже так думаю, ладно с vuejs потом поразвлекаюсь
06:55:56 ПП
User 85413039
Гугл норм проиндексрует
07:05:10 ПП
User 210337382
Есть такая вещь как серверный рендеринг. И даже яндекс тогда проиндексируют
07:06:35 ПП
User 210337382
User 187771704
лучше сверстать просто
16000 страниц?)))
07:07:07 ПП
User 187771704
один фиг ты их все рвно их столко сверстал
07:07:35 ПП
User 210337382
Нет. Сверстал 6
07:07:49 ПП
User 187771704
придераешься к слову просто. я говорю о том если можно сделать на простом джсе лендинг делай
07:08:02 ПП
User 187771704
зачем всякие бабели шмабели?
07:08:42 ПП
User 210337382
Про лэндинги я даже и думать не хотел
07:09:28 ПП
User 210337382
И всякие прочие сайты визитки и т.д.
07:10:55 ПП
User 41361143
Вопрос был про одностраничный сайт. Он и ответил лучше сверстать. Вот
07:11:22 ПП
User 41361143
Делать ССР для лендинга мажорство
07:21:03 ПП
User 152816933
User 187771704
зачем всякие бабели шмабели?
а че там... npm run build и фсе))
07:27:16 ПП
User 187771704
User 152816933
а че там... npm run build и фсе))
а углифай а картинки зжимать и куча другой ереси =)
07:27:54 ПП
User 152816933
не, ну если из каропки нету, как с vue-cli, то зачем
07:32:04 ПП
User 187771704
User 152816933
не, ну если из каропки нету, как с vue-cli, то зачем
=)
07:39:00 ПП
User 210337382
Говорю вам: ЗАЦЕНИТЕ NUXT!!!
07:40:25 ПП
User 210337382
User 41361143
Вопрос был про одностраничный сайт. Он и ответил лучше сверстать. Вот
SPA - это тоже одностраничный сайт))
07:41:08 ПП
07:41:13 ПП
User 41361143
Это другое
07:42:00 ПП
User 41361143
Это веб приложение
07:42:04 ПП
User 41361143
По нашему
07:42:32 ПП
User 210337382
Ну ладно, одностраничное приложение, если дословно
07:42:57 ПП
07:43:34 ПП
User 210337382
А ССР для лэндинга пишется в 15 строчек))
07:43:41 ПП
User 210337382
На прошлой работе делал))
07:44:00 ПП
User 41361143
На ноде?
07:44:11 ПП
07:44:59 ПП
User 210337382
Ну может в 25 строчек...
07:45:37 ПП
User 41361143
Это тоже проблема, для лендинга запускать ноду слишком, нет, не думаешь?
07:46:44 ПП
User 210337382
А что ее запускать. Она 50 мб ест
07:47:54 ПП
User 41361143
Ну для меня один раз было трудно найти хостинг
07:48:58 ПП
User 210337382
И нет, не слишком, если надо сгенерить 2 с лишним тыщи страниц имея только апи с ecomerce данными за 2 дня
07:50:43 ПП
User 210337382
User 41361143
Ну для меня один раз было трудно найти хостинг
Вот с этим меньше всего проблем. На последних 3х работах никто хостинги не брал. Все арендуют сервера.
07:51:08 ПП
User 210337382
Хостинги падают при малейшем ddos'е
07:51:22 ПП
User 41361143
А вот я беру хостинги)
07:52:02 ПП
User 210337382
Они же в основном нихрена ни поддерживают кроме php и мускула
07:52:30 ПП
User 210337382
И деплоймент не настроишь по человечески
07:53:22 ПП
User 210337382
И никаких тебе CI
07:58:37 ПП
User 152816933
User 41361143
А вот я беру хостинги)
а смысл, когда vps'ку можно взять по цене хостинга?
07:58:56 ПП
User 152816933
Да и для комерческого проекта это не сурьезно
08:00:07 ПП
User 41361143
Старомодный наверно
08:00:35 ПП
User 41361143
Но а так да, я не имею ничего против впс
08:28:19 ПП
User 40268779
Нах бекенд используйте firebase
09:35:22 ПП
User 210337382
Не всегда прокатит
09:48:34 ПП
User 152816933
User 40268779
народ, я дописал до такой первой более менее версии - попробуйте кто может - https://github.com/shershen08/vue-styleguide-generator
github.com/shershen08/vue-styleguide-generator
vue-styleguide-generator - React inspired style guide generator for Vue.js
:)
https://twitter.com/vuejsfeed/status/824603549296386048
twitter.com/vuejsfeed/status/824603549296386048
React inspired style guide generator for Vue.js https://t.co/1oiVGeVfqC #vuejs
10:04:28 ПП
User 40268779
User 152816933
:)
https://twitter.com/vuejsfeed/status/824603549296386048
twitter.com/vuejsfeed/status/824603549296386048
React inspired style guide generator for Vue.js https://t.co/1oiVGeVfqC #vuejs
Да это роботы, запостил в офф gitter тоже фидбека 0
10:06:11 ПП
User 152816933
Не, ну как роботы... Все равно люди в твиттер ленту заряжают.
10:08:16 ПП
User 40268779
Надеюсь люди, которые хотя-бы прочли о чем речь