народ, я дописал до такой первой более менее версии - попробуйте кто может - https://github.com/shershen08/vue-styleguide-generator

только не пинайте сильно ?

всем привет. 1. проект самый лучший 2. Node.js, немного React, еще немного Angular 3. ... 4. хайп 5. киев 6. BeerJS Kyiv

это что?

народ, я дописал до такой первой более менее версии - попробуйте кто может - https://github.com/shershen08/vue-styleguide-generator

как-нибудь посмотрюю исходники?? тоже хочу выпустить свой первый пакетик

как-нибудь посмотрюю исходники?? тоже хочу выпустить свой первый пакетик

ну мне еще предстоит сервер-рендеринг доработать, пока не получается

народ, я дописал до такой первой более менее версии - попробуйте кто может - https://github.com/shershen08/vue-styleguide-generator

круто, спасибо! По возможности гляну

народ, я дописал до такой первой более менее версии - попробуйте кто может - https://github.com/shershen08/vue-styleguide-generator

А где посмотреть сам синтаксис component.md? Что нужно писать в component.md что б он корректно сгенерировал стайлгайд?

А где посмотреть сам синтаксис component.md? Что нужно писать в component.md что б он корректно сгенерировал стайлгайд?

мммм, хороший вопрос. пока он просто читает все из .md и рисует

а какой должен быть синтаксис - есть пример чего имплементировать?

и еще по расположению файлов .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;

У кого-нибудь есть конфиг вебпака под Vue.js с TypeScript, чтобы был lazy load компонентов роута?

а какой должен быть синтаксис - есть пример чего имплементировать?

ммм.. У меня пока нет ответа. Вернее, не встречал удобного варианта.

ммм.. У меня пока нет ответа. Вернее, не встречал удобного варианта.

ну если будет - дай знать! вообще где бы фидбека еще собрать с живых юзеров vue ?

Думаю, надо идти в офф gitter

Думаю, надо идти в офф gitter

?

У кого-нибудь есть конфиг вебпака под Vue.js с TypeScript, чтобы был lazy load компонентов роута?

А причем тут тайпскрипт

Если вебпак второй, вот тут расписано https://webpack.js.org/guides/migrating/#code-splitting-with-es2015

запостил, посмотрим

?

еще есть https://gitter.im/vuejs-ru/Discussion

У кого-нибудь есть конфиг вебпака под Vue.js с TypeScript, чтобы был lazy load компонентов роута?

И вместо, например, import IndexPage from '../pages/index/IndexPage.vue'; просто юзаешь const IndexPage = () => import('../pages/index/IndexPage.vue'), становится асинхронным

Либо вместо import(..) если вебпак 2, но бета: System.import(...)

И вместо, например, import IndexPage from '../pages/index/IndexPage.vue'; просто юзаешь const IndexPage = () => import('../pages/index/IndexPage.vue'), становится асинхронным

такая же аснхронность и для обычно js получается?

такая же аснхронность и для обычно js получается?

Не понял вопрос

import('../pages/index/IndexPage.vue') возвращает промис, а вуе умеет воспринимать компоненты как промисы и отрисовывает когда подргузится

Ай ладно, забей

import('../pages/index/IndexPage.vue') возвращает промис, а вуе умеет воспринимать компоненты как промисы и отрисовывает когда подргузится

О, во как

Спасибо, буду пробовать

И вместо, например, 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

Так ты не Vue-компонент импортишь?

А в чем разница?

В том, что import возвращает промис. Vue умеет сам понимать, когда ему передали просто компонент, а когда промис на него. Если ты хочешь асинхронно подгрузить просто скрипт, почитай про промисы в js, тебе нужно будет самому определить логику того, что делать когда скрипт загрузится.

Если ты хочешь просто импортнуть js (не асинхронно), используй import test from '../pages/index/test.js';

https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Statements/import

В том, что import возвращает промис. Vue умеет сам понимать, когда ему передали просто компонент, а когда промис на него. Если ты хочешь асинхронно подгрузить просто скрипт, почитай про промисы в js, тебе нужно будет самому определить логику того, что делать когда скрипт загрузится.

Думаю это vue-loader и вебпак понимают а vue уже фигачит дальше с полученным кодом модуля

Думаю это vue-loader и вебпак понимают а vue уже фигачит дальше с полученным кодом модуля

Вуе понимает промисы, вебпак их транспайлит из import'a https://vuejs.org/v2/guide/components.html#Async-Components

Гуд

Есть англоязычный чат по vue, никто не в курсе?

Да

Есть англоязычный чат по vue, никто не в курсе?

https://gitter.im/vuejs/vue

Не, в телеграме

у реакта есть relay (замена redux для graphql) есть ли что-то для vue (vue-apollo как я понял не замена vuex)?

relay это react-specific фреймверк

т к react и graphql — разработки facebook, то логично, что они запилили фреймверк для связки этих двух штук, но для vue есть vue-apollo

в прочем и для react есть react-apollo и для ng и пр

done

Кароче ребят есть вопрос. нужно сделать админ панельку нашел бойлер плейт, за один день настроил его на вью 2

нужно ли мне будет при создании админки юзать вуекс

если по сути стейт будет только на одной страничке

имхо, ап ту ю

ЙОУ

если по сути стейт будет только на одной страничке

Я вообще не понимаю зачем его юзать, это же не реакт, по моему эти стейты только всё усложняют

Я вообще не понимаю зачем его юзать, это же не реакт, по моему эти стейты только всё усложняют

Для этого есть mobx

Лично у меня подход к разработке как-то совсем не принимает эти глобал стейт менеджеры, у меня всё наоборот инкапсулировано внутри собственных классиков, наследников, поэтому я вообще не понимаю примеров, описаных в этих стейт менеджерах и зачем они нужны вообще

Может я конечно просто лох, спорить не стану

Лично у меня подход к разработке как-то совсем не принимает эти глобал стейт менеджеры, у меня всё наоборот инкапсулировано внутри собственных классиков, наследников, поэтому я вообще не понимаю примеров, описаных в этих стейт менеджерах и зачем они нужны вообще

Вот я пишу сейчас стейт уведомлений - в любой компоненте можно пушнуть и забыть, а оно само где-нибудь достанентся

И я не парюсь: везде и все имеют доступ к этому стейту, из любой компоненты

У меня у каждого классика (если он нужен) есть миксин евент-системы простенькой, импорти классик, подписывайся где хочешь, отписывайся, используй. Тоже не парюсь

У меня у каждого классика (если он нужен) есть миксин евент-системы простенькой, импорти классик, подписывайся где хочешь, отписывайся, используй. Тоже не парюсь

Кек, но ведь это уже глобал стейты тогда будут

Чем-то похоже на flux

А если все классики скомбинируешь в 1 - redux

ERROR: S client not available

Кек, но ведь это уже глобал стейты тогда будут

В том то и дело, что не глобал, всё в своём месте.

В том то и дело, что не глобал, всё в своём месте.

Flux же, ну

Блин, чуваки, кто-то писал vuex-persistent, но с указанием какие модули нужно пихать в localstorage?

Короче моё мнение такого. Я React оч. поверхносто изучал, но понял, что там очень удобно использовать стейт менеджеры, потому, что у каждого компонента стейт меняется целиком, там нет реактивности (по отдельным полям) как в angular и vue, и там это реакльно превращается в удобный такой глобальный стейт пропагашон скозь компоненты, и т.д. И нести его в angular и vue это как-то не правильно, потому, что это там не настолько удобно и целесообразно

Хотя вот если реально делать такую приложуху аля десктоп с Ctl+Z с каким-нибудь offline модом тогда наверное это будет хорошим решением

Кстати есть смысл писать враперы над дествиями?

#whois Добрый вечер. Меня зовут Аралбаев Дамир, Бишкек(Кыргызстан). Увидел ссылку на чат в RadioJS Podcast. Работаю девелопером с 2006, в основном бэкенд (java). На данный момент активно изучаю Go, и посматриваю в сторону фронтенда, а конкретно vue. Надеюсь буду полезен сообществу, как минимум не вреден)

#whois Добрый вечер. Меня зовут Аралбаев Дамир, Бишкек(Кыргызстан). Увидел ссылку на чат в RadioJS Podcast. Работаю девелопером с 2006, в основном бэкенд (java). На данный момент активно изучаю Go, и посматриваю в сторону фронтенда, а конкретно vue. Надеюсь буду полезен сообществу, как минимум не вреден)

ссылка на чат была на странице подкаста?

Какой выпуск?

Нет проскакивала у них в чате телеграмма https://t.me/RadioJSPodcast

а, вижу, угу

но в последнем выпуске они его тоже упомянули

Блин, чуваки, кто-то писал vuex-persistent, но с указанием какие модули нужно пихать в localstorage?

я

я

а в опенсорс выложил?

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' ] }), ], });

оно умеет из коробки это

почему я всегда проигрываю с фразы "из коробки"

Хочу поделиться опытом для тех, кто только пробует 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 достойная ему альтернатива ?

Кстати всё хочу выложить свою либу компонентов на гитхаб, да что-то лень

Уххх сколько букав

Сейчас, подожди)

Ну, в общем-то, ты описал как раз все то, что мне в Vue нравится))

@xanf_ua я кстати разобрался, почему у меня css не падал с define=> false ? именно та магия о которой ты говорил

менять ng- на v- и убирать из кода всё, что связано с angular (типа $apply и т.п.) вот тоже недавно просили переписать под Vue, вообще проблем не составило)

@alex_sokolov какая именно?

Хочу поделиться опытом для тех, кто только пробует 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 достойная ему альтернатива ?

А что за проект-то, если не секрет?

Ну я ушёл когда регуляркой начал заниматься. Не знаю что у тебя вышло. А у меня сработал потому что extractcss отрабатывал в правиле раньше, чем шло правило с define

Передвинул — появилась ошибка ?

лол