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

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

3988 members

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

07:24:57 ДП
User 552804
кто что юзает для красивых confirmation  в vue?
07:34:00 ДП
User 552804
и мне как всегда желательно без использования пакетных менеджеров)
08:10:40 ДП
08:55:58 ДП
User 552804
User 55423102
Alertify
вот спасибо
10:53:10 ДП
User 552804
не пойму как в нём поменять надпись в хэдере, по дефолту AlertifyJS, через glossary title чтото меняться не хочет
11:20:11 ДП
User 152816933
нормальные модалки. И что, до сих пор никто его в vue компонент не завернул?)
11:35:52 ДП
User 55423102
не всё сразу) еще бы datatables завернули бы
11:36:06 ДП
User 55423102
пока несколько вариантов видел, но они похоже лишь часть функционала предоставляют
11:37:44 ДП
User 55423102
https://alertifyjs.org/
alertifyjs.org
Alertify.js is a lightweight brower alert and dialog plugin.
11:37:50 ДП
User 55423102
какая еще надпись в хедере)
11:40:23 ДП
11:40:38 ДП
User 552804
то есть кнопки я смог перевести Удалить и Отмена
11:40:44 ДП
User 552804
а вот заголовок модалки...
11:42:02 ДП
User 552804
или я не тот плагин юзаю....
11:42:10 ДП
User 552804
http://alertifyjs.com
alertifyjs.com
JavaScript framework for developing pretty browser dialogs and notifications.
11:57:20 ДП
User 152816933
http://alertifyjs.com/factory.html#factory 
options.title может оно?
alertifyjs.com/factory.html
JavaScript framework for developing pretty browser dialogs and notifications.
12:00:25 ПП
User 552804
может, щас гляну
12:00:35 ПП
User 552804
хотя прикрутил уже тот простой вариант по ссылке выше .org
12:00:52 ПП
User 552804
там проще, но нет закрытия диалога по esc например
12:08:17 ПП
User 55423102
@perin https://github.com/alertifyjs/alertify.js/issues/106 помощь приветствуется))) помоги им сделать
github.com/alertifyjs/alertify.js/issues/106
Expected behavior When I open a confirm dialog and hit Escape, this should be equivalent to hitting cancel Actual behavior Hitting Escape doesn't do anything in a confirm dialog Steps to reproduce ...
12:08:31 ПП
User 552804
я не умею)
12:09:40 ПП
User 152816933
там вроде пулл реквест вмержили
01:10:26 ПП
User 94523403
привет всем!
может кто-нибудь исходники middle-scale SPA на vue 2 дать посмотреть?(Из тех, кто гордиться построенной архитектурой)
01:14:50 ПП
User 55423102
https://github.com/vuejs/awesome-vue
github.com/vuejs/awesome-vue
🎉 A curated list of awesome things related to Vue.js - vuejs/awesome-vue
01:14:56 ПП
User 55423102
вот тут в примерах можно глянуть
01:14:58 ПП
User 55423102
https://github.com/rajabishek/begin
github.com/rajabishek/begin
Simple task manager to keep your life in sync. Contribute to rajabishek/begin development by creating an account on GitHub.
01:15:03 ПП
User 55423102
один из списка
02:01:34 ПП
User 40268779
скажите а Single File Component подход -  файлы .vue, в которых все инкапсулировано - это будущее? или просто вариант параллельный стандартному?
02:01:50 ПП
User 40268779
вообще есть ситуации когда их лучшье избегать почему-то ?
02:11:07 ПП
User 152816933
Если компонент маленький, то хватает одного файла, если нет, выношу в отдельные
02:38:19 ПП
User 55423102
А я везде их использую
02:38:22 ПП
User 55423102
Они удобные
02:39:32 ПП
User 40268779
кажется да, так "четче", понятно где компонент и тп
02:39:34 ПП
User 152816933
ну не знаю... У меня css может сильно разнести. И пропсов тоже может быть сильно больше
02:40:00 ПП
User 40268779
но вообще какой-то best practise есть на эту тему ? или только офф доки ?
02:40:11 ПП
User 152816933
Я под компонент папку выделяю. В ней весь стафф
02:40:21 ПП
User 152816933
User 40268779
но вообще какой-то best practise есть на эту тему ? или только офф доки ?
Про компонентный подход?
02:45:35 ПП
User 152816933
Ростут как на дрожах 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.
02:51:24 ПП
User 60331718
User 40268779
но вообще какой-то best practise есть на эту тему ? или только офф доки ?
Посмотри на структуру папок в react-redux starter kit
02:51:32 ПП
User 60331718
Имхо, там лучшая структура
02:51:45 ПП
User 40268779
?? react ? я не про то как компоненты писать, тут все ок
02:52:00 ПП
User 60331718
User 40268779
?? react ? я не про то как компоненты писать, тут все ок
Структуру
02:52:41 ПП
User 60331718
https://github.com/davezuko/react-redux-starter-kit/blob/master/README.md
github.com/davezuko/react-redux-starter-kit/blob/master/README.md
react-redux-starter-kit - Get started with React, Redux, and React-Router.
02:52:49 ПП
User 40268779
User 60331718
Структуру
я именно про подход с .vue файлами, стурктура компонентов - это более мнее понятно мне,
02:55:05 ПП
User 152816933
Не понятно, какого совета ты  хочешь :)
02:55:25 ПП
User 60331718
User 40268779
я именно про подход с .vue файлами, стурктура компонентов - это более мнее понятно мне,
Как бы можно по аналогии делатт
02:56:01 ПП
User 152816933
Как вертикально скроллит задолбает, так переходи на внешние файлы, я  хз...
02:56:36 ПП
User 40268779
User 152816933
Как вертикально скроллит задолбает, так переходи на внешние файлы, я  хз...
👍 зе бест
02:57:48 ПП
02:58:45 ПП
User 55423102
Как захочется использовать что-то нестандартное от html, css, js
02:58:53 ПП
User 55423102
Так тоже переходить)
02:59:36 ПП
User 152816933
Но с другой стороны, мы можем писать какое-нибудь pug в vue...
03:04:11 ПП
User 60331718
User 40268779
я именно про подход с .vue файлами, стурктура компонентов - это более мнее понятно мне,
Там написано почему именно такое разбиение, а не другое, да я и сам в этом убедился, что там довольно верный подход
03:10:53 ПП
User 94523403
а вы все (html,css,js ) в .vue файлах определяете для компонентов? или создаете папку под компонент, в которой по 3 файла? какие плюсы минусы каждого из подходов?
03:11:55 ПП
User 94523403
у меня например все в .vue, подумал что это модно-молодежно, но скроллить от стилей к разметке и обратно например не очень, проще между табами переключаться
03:15:15 ПП
User 152816933
User 94523403
у меня например все в .vue, подумал что это модно-молодежно, но скроллить от стилей к разметке и обратно например не очень, проще между табами переключаться
именно поэтому, что переключаться между вкладками удобнее.
03:15:50 ПП
User 152816933
Но опять же, если в компоненте только верстка и чуть стилей - создавать несколько файлов смысла нет
03:20:08 ПП
User 94523403
User 152816933
Но опять же, если в компоненте только верстка и чуть стилей - создавать несколько файлов смысла нет
Это если stateless компоненты делать
03:20:20 ПП
User 94523403
Кстати говоря, кто разделяет, а кто нет?
03:20:58 ПП
User 152816933
User 94523403
Это если stateless компоненты делать
а как это по-русски?
03:22:21 ПП
User 94523403
блин, озадачил)
это компоненты, которые при получении одних и тех же аргументов всегда рендеряться одинаково
03:22:29 ПП
User 94523403
т.е. не зависят от каких то внешних факторов
03:22:36 ПП
User 152816933
статичные, короче
03:22:39 ПП
03:22:56 ПП
User 152816933
А в каком смысла "разделять"?
03:23:45 ПП
User 60331718
User 152816933
а как это по-русски?
https://m.habrahabr.ru/post/309422/
m.habrahabr.ru/post/309422
Привет Хабр! Предлагаю вашему вниманию свободный перевод статьи «React Patterns» Майкла Чана, с некоторыми моими примечаниями и дополнениями. Прежде всего...
03:24:03 ПП
User 152816933
Взглянем, спасибо
03:24:56 ПП
User 94523403
User 152816933
А в каком смысла "разделять"?
https://github.com/egoist/vuepack/tree/master/template/client/components

ну вот здесь посмотри на Counter, например
03:26:24 ПП
User 94523403
и еще, подскажите чайнику - в чем фишка jsx? какие принципиальные преимущества перед html с шаблонизатором?
03:39:22 ПП
User 152816933
User 94523403
и еще, подскажите чайнику - в чем фишка jsx? какие принципиальные преимущества перед html с шаблонизатором?
можно писать js
03:39:31 ПП
User 152816933
капитан, да)
03:40:08 ПП
User 94523403
ну я также в .vue могу <script> и поехал
03:40:08 ПП
User 40268779
User 152816933
можно писать js
только в вебпаке (или др) не забыть добавить
03:41:28 ПП
User 152816933
User 94523403
ну я также в .vue могу <script> и поехал
не, ну в jsx ты  описываешь шаблон с помощью JS. А в обычном шаблонизаторе ты ограничен ... шаблонизатором
03:58:33 ПП
User 55423102
User 152816933
а как это по-русски?
Функциональные компоненты. Так вроде перевели в документации
03:59:12 ПП
User 152816933
User 55423102
Функциональные компоненты. Так вроде перевели в документации
ммм... Не уверен. Функциональные компоненты != статические.
03:59:32 ПП
User 55423102
Они без состояния. Отрендерились один раз и не меняются
04:00:03 ПП
User 152816933
"stateless", блин, логично, да
04:01:21 ПП
User 55423102
Ну вот назвали их функциональными
04:01:41 ПП
User 55423102
И им свойство ставить ещё надо
04:08:19 ПП
User 40268779
это чат по реакту или vuejs ? 😀
04:09:41 ПП
User 55423102
Обсуждение статьи сравнения фреймворков из доки вью))))
04:10:52 ПП
User 55423102
И сразу широчайший простор для полемики 😃
04:16:55 ПП
User 152816933
Кто-нить юзал https://github.com/probil/v-mask ,
github.com/probil/v-mask
🔡 Tiny input mask library for Vue.js (directive). Contribute to probil/v-mask development by creating an account on GitHub.
04:16:59 ПП
04:17:38 ПП
User 55423102
Нет. Но надо будет посмотреть. Я пока заморочился inputmask прикрутил
04:17:49 ПП
User 152816933
который jq?
04:17:56 ПП
User 55423102
Оказывается у него есть vanilla версия
04:18:06 ПП
User 152816933
ссылку в студию
04:18:08 ПП
User 55423102
Правда для вебпака с бубном надо прикручивать
04:18:10 ПП
User 55423102
Да че
04:18:14 ПП
User 55423102
В оф пакете
04:18:38 ПП
User 152816933
masked плагинов столько, так что, пожалуйста, ссылку)
04:19:15 ПП
User 55423102
https://github.com/RobinHerbots/Inputmask
github.com/RobinHerbots/Inputmask
Input Mask plugin. Contribute to RobinHerbots/Inputmask development by creating an account on GitHub.
04:19:38 ПП
User 152816933
Спасибо, посмотрим
04:20:18 ПП
User 55423102
Все равно конечно на dom завязывается
04:29:48 ПП
User 152816933
Я очень извиняюсь, но можно мне ссылку на файл в той репе, где есть pure js Inputmask ?
04:31:31 ПП
User 55423102
If you use a module loader like requireJS

Have a look at the inputmask.loader.js for usage.

Example config.js

paths: {
  ...
  "inputmask.dependencyLib": "../dist/inputmask/inputmask.dependencyLib",
  "inputmask": "../dist/inputmask/inputmask",
  ...
}
As dependencyLib you can choose between the supported libraries.

inputmask.dependencyLib (vanilla)
inputmask.dependencyLib.jquery
inputmask.dependencyLib.jqlite
.... (others are welcome)
04:31:44 ПП
User 55423102
Вот те две строки надо в алиасах вебпака прописать
04:32:18 ПП
User 55423102
И тогда будет подключаться жс версия и ванильные зависимости к ней
04:32:24 ПП
04:34:51 ПП
User 152816933
Так. Щас я это все скомпилию в голове 😄
04:34:54 ПП
User 55423102
Ну а extensions как я понимаю общие для всех
04:36:06 ПП
User 55423102
По умолчанию bundle с jq версия. Первая строка переопределяет на ядро. А ядро внутри себя вызывает функции какие-то. Которые расписаны в одной из dependencies
04:36:32 ПП
User 55423102
Второй строкой переопределяем чтобы в качестве набора тех функций взять набор где все на жс реализовано
04:40:32 ПП
User 152816933
Я иду в Inputmask/js/inputmask.js.
Там require("./inputmask.dependencyLib")
Иду в inputmask.dependencyLib.js
Там require("jquery").

А где vanila  inputmask.dependencyLib ?
04:43:16 ПП
User 152816933
И где inputmask.loader.js...
04:51:17 ПП
User 55423102
В npm пакете посмотри
04:52:51 ПП
User 55423102
https://github.com/RobinHerbots/Inputmask/blob/3.x/extra/dependencyLibs/inputmask.dependencyLib.js
github.com/RobinHerbots/Inputmask/blob/3.x/extra/dependencyLibs/inputmask.dependencyLib.js
Inputmask - Input Mask plugin
05:16:36 ПП
User 152816933
Да, туда я не заглянул. Большое спасибо 👍
05:20:26 ПП
User 272005161
Добрьій вечер есть вопрос: есть строка "Олександров Андрей Андреевич" (пример), нужно найти все совпадения, но которьіе начинают слово, тоисть /\b(андр)/giu , но проблема в том что \b с кирилицей не работает, как решить?
05:23:22 ПП
User 552804
кто нибудь делал приложухи для инсты в последнее время?
не могу приложение вывести из песочницы, пишет Oops, an error occurred.
и никаких подробностей
05:46:10 ПП
User 108562525
User 272005161
Добрьій вечер есть вопрос: есть строка "Олександров Андрей Андреевич" (пример), нужно найти все совпадения, но которьіе начинают слово, тоисть /\b(андр)/giu , но проблема в том что \b с кирилицей не работает, как решить?
js регулярки не поддерживают юникод, поэтому придётся страдать.
05:46:30 ПП
User 108562525
(?:^|\\s)Андрей
05:46:40 ПП
User 108562525
можно так попробовать, но у меня не заработало.
05:46:42 ПП
User 152816933
Indexof 😅
06:02:24 ПП
User 55423102
Тогда уж новомодный includes!
06:24:22 ПП
User 272005161
User 108562525
(?:^|\\s)Андрей
большоe спасибо, заработало
06:27:00 ПП
User 272005161
'Олександров Андрей Андреевич'.match(new RegExp('(?:^|\\s)андр', 'giu')) - пример
07:07:46 ПП
User 55423102
@perin https://github.com/vuejs/vue/issues/4496 может тебе с ссылками в полях пригодится)
github.com/vuejs/vue/issues/4496
Vue.js version 2.1.6 Reproduction Link http://jsfiddle.net/df4Lnuw6/83/ Steps to reproduce Send us an email Call us What is Expected? A...