Всем привет. А есть ли отдельный чатик с резюме фронтендеров, работающих с Вью?)

нет, есть общий чат для поиска работы фронтам @javascript_jobs

нет, есть общий чат для поиска работы фронтам @javascript_jobs

Спасибо

ещё вопрос, более приближенный к земле есть компонент кнопки, простой как тяпка, нужен везде. Я раньше просто кидал событие по клику. правильно ли я понимаю, что если я решу использовать стор, то у меня 2 пути, чтобы не иметь компонента кнопки под каждое действие: 1. всё так же кидать событие, а родительский компонент пусть сам общается со стором 2. через пропсы запихивать в кнопку мутатор нужно пнуть верно? какой путь более идеологически верный?

всем привет! если не сложно - напишите какого крутого frontend-деятеля работающего с vue которого надо позвать на конференцию. (Sarah Drasner, Evan, братья Chopin и тп - не считается)

кто пишет на тсе? какие юзаете конфиги для еслинта ну или тслинта?

Для es/ts lint использую от airbnb

Для es/ts lint использую от airbnb

да я тож для джса юзал их конфиг, но чет ток щас удалось прикрутить линтинг к тс файлам

Здравствуйте. Крутится Node.js Rest API, перед ним Nginx. Не могу с локалхоста достучаться до VPS. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access. Вот такой конфиг location ~ ^/api/(.*)/?$ { add_header 'Access-Control-Allow-Origin' $http_origin; expires off; if ($request_method = 'OPTIONS') { # Tell client that this pre-flight info is valid for 20 days add_header 'Access-Control-Max-Age' 1728000; add_header 'Content-Type' 'text/plain charset=UTF-8'; add_header 'Content-Length' 0; return 204; } add_header 'Access-Control-Allow-Methods' $access_control_allow_methods always; add_header 'Access-Control-Allow-Headers' $access_control_allow_headers always; add_header 'Access-Control-Allow-Credentials' 'true' always; # required to be able to read Authorization header in frontend add_header 'Access-Control-Expose-Headers' $access_control_expose_headers always; proxy_pass http://vuejobs_api$request_uri; } При этом Advanced REST Client нормально общается. Ошмбка в браузере, при использовании axios.

Может сталкивался кто? Просто я хз что еще надо

Здравствуйте. Крутится Node.js Rest API, перед ним Nginx. Не могу с локалхоста достучаться до VPS. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access. Вот такой конфиг location ~ ^/api/(.*)/?$ { add_header 'Access-Control-Allow-Origin' $http_origin; expires off; if ($request_method = 'OPTIONS') { # Tell client that this pre-flight info is valid for 20 days add_header 'Access-Control-Max-Age' 1728000; add_header 'Content-Type' 'text/plain charset=UTF-8'; add_header 'Content-Length' 0; return 204; } add_header 'Access-Control-Allow-Methods' $access_control_allow_methods always; add_header 'Access-Control-Allow-Headers' $access_control_allow_headers always; add_header 'Access-Control-Allow-Credentials' 'true' always; # required to be able to read Authorization header in frontend add_header 'Access-Control-Expose-Headers' $access_control_expose_headers always; proxy_pass http://vuejobs_api$request_uri; } При этом Advanced REST Client нормально общается. Ошмбка в браузере, при использовании axios.

https://www.npmjs.com/package/cors

Включен на сервере

всем привет! если не сложно - напишите какого крутого frontend-деятеля работающего с vue которого надо позвать на конференцию. (Sarah Drasner, Evan, братья Chopin и тп - не считается)

Egoist из Китая или Cristi Jora, он из Румынии вроде и немного на русском может говорить или понимать

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

Если мы не берём в расчет членов самой команды

Egoist из Китая или Cristi Jora, он из Румынии вроде и немного на русском может говорить или понимать

Спасибо!

Может сталкивался кто? Просто я хз что еще надо

С холокоста не получится без этой либы, проверено, и не важно что на сервере включено

ещё вопрос, более приближенный к земле есть компонент кнопки, простой как тяпка, нужен везде. Я раньше просто кидал событие по клику. правильно ли я понимаю, что если я решу использовать стор, то у меня 2 пути, чтобы не иметь компонента кнопки под каждое действие: 1. всё так же кидать событие, а родительский компонент пусть сам общается со стором 2. через пропсы запихивать в кнопку мутатор нужно пнуть верно? какой путь более идеологически верный?

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

Что не получится без чего? В Node.js приложении на VPS cors() включен.

всем привет! если не сложно - напишите какого крутого frontend-деятеля работающего с vue которого надо позвать на конференцию. (Sarah Drasner, Evan, братья Chopin и тп - не считается)

Позови @mikaspell правда его в этих чатах нет. Очень крутой frontend из СПБ

Что не получится без чего? В Node.js приложении на VPS cors() включен.

Извини, тема про вуй, не думал и на сервере жеэс. Тогда проблема скорее всего в твоем провайдер, была такая проблемакогда ртк пользовался. никак не мог с холокоста обращаться к урлам на серверах (по домену).

С другой стороны, может быть все что угодно )))

Беда в том, что к рабочему проекту (бэк на Ruby) доступ есть. А свое развернул и вот такая вот борода :(

Беда в том, что к рабочему проекту (бэк на Ruby) доступ есть. А свое развернул и вот такая вот борода :(

А сто там за настройки сервера, nginx/apache. Или ножа во вне смотрит?

Nginx

А у него включен cors?

Та я в замешательстве. Запрос только в браузере не работает, через axios

Из Rest Client все гуд

Так все правильно )))

Полости админа включить cors в nginx

По прямой ссылке захожу - все ОК

Добавляю в GET токен и перехожу по ссылке - все норм

Да это не важно, поверь, настройте cors в nginx, и все заработает

Ну так а как настроить? Запрос через axios - ERROR Запрос через Advanced REST Client - OK

Куда еще думать?

Я же говорю, включи cors на стороне nginx

И все заработает

Блин, спать пора, пьяный уже. Если не получится, пиши, завтра помогу.

Я же говорю, включи cors на стороне nginx

Он включен. У меня же Advanced REST Client работает с локалхоста как-то

Он включен. У меня же Advanced REST Client работает с локалхоста как-то

Мужик, маны в помощь, ARC посылает иные заголовки, нежели твой клиент, копай в сторону настроек nginx

И, кстати, ARC, работает не с холокоста, он шлет что-то другое, если я не ошибаюсь, как и постман

И, кстати, ARC, работает не с холокоста, он шлет что-то другое, если я не ошибаюсь, как и постман

Я был почти уверен, что где-то сломался axios. Спасибо, друг, что натолкнул на мысль, что ARC через промежуточный сервер шлет запросы. У меня в Nginx была ошибка.

)

http://pixeljets.com/blog/vue-js-vs-react-what-to-expect-in-2018/

>vs

Ребят, я уже спрашивал, но забыл что ответили) У меня есть поиск, который берёт value из инпута, дергает апишку и выводит список по совпадениям, так вот, как можно сделать, что бы не дёргать апишку на каждый ввод пользователя. Не знаю что гуглить даже

Ребят, я уже спрашивал, но забыл что ответили) У меня есть поиск, который берёт value из инпута, дергает апишку и выводит список по совпадениям, так вот, как можно сделать, что бы не дёргать апишку на каждый ввод пользователя. Не знаю что гуглить даже

Ты имеешь ввиду чтобы дёргать апи когда ввод закончен?

да

слишком я многословен)

Гугли debounce :)

да

В официальной доке по vue есть готовый пример кстати

Всем привет! Изучаю тут теоретические концепции vuex и что-то я не понял вот какую вещь: у нас глобальное состояние и у нас есть компоненты (шаблоны + логика + стили). В компонентах напрямую читаются свойства из глобального состояния: что-то типа this.$store.state.obj.message. Получается что компонент гвоздями (кодом) прибит к определённой структуре хранилища. Вопрос: как мне переиспользовать компоненты на другой странице своего СПА (иронично звучит) вместе с vuex, если компонент требует чтобы данные для него всегда лежали в одном и том же месте, а это может быть не так?

Данные из Vuex читают только компоненты контейнеры, остальные компоненты должны получать данные через v-bind от компонентов контейнеров.

Ребят, я уже спрашивал, но забыл что ответили) У меня есть поиск, который берёт value из инпута, дергает апишку и выводит список по совпадениям, так вот, как можно сделать, что бы не дёргать апишку на каждый ввод пользователя. Не знаю что гуглить даже

lodash.debounce

привет. Есть у кого любые мысли, как запилить некий проектировщик интерфейса. Ну т.е. накидываешь и драг`н`дропишь всякие разные визуальные элементы, двигаешь, меняешь размеры\местами, а оно на основании этого генерит файл с vue template. Может есть примеры подобных задач где нибудь поглядеть или чего погуглить скажите...

по аналогии, как в дельфях формы, если кто писал на них раньше...

привет. Есть у кого любые мысли, как запилить некий проектировщик интерфейса. Ну т.е. накидываешь и драг`н`дропишь всякие разные визуальные элементы, двигаешь, меняешь размеры\местами, а оно на основании этого генерит файл с vue template. Может есть примеры подобных задач где нибудь поглядеть или чего погуглить скажите...

Есть какой-то подобный компонент, генерит формы

но наверняка не драг-н-дропом

Нет. С этим придется самому поработать

печальбеда

я для бутстрапа видел такие драг-н-дроп редакторы, если форма из простых элементов будет состоять, можно в таком редакторе сделать, а потом вместо инпутов свои компоненты поставить.

я для бутстрапа видел такие драг-н-дроп редакторы, если форма из простых элементов будет состоять, можно в таком редакторе сделать, а потом вместо инпутов свои компоненты поставить.

а как поискать ? где посмотреть ?

а как поискать ? где посмотреть ?

https://bootstrapbay.com/blog/bootstrap-editors/

https://bootstrapbay.com/blog/bootstrap-editors/

спасибо

вооо, чёта типа такого хочется запилить https://jetstrap.com/demo

Данные из Vuex читают только компоненты контейнеры, остальные компоненты должны получать данные через v-bind от компонентов контейнеров.

хорошая стратегия, спасибо

Данные из Vuex читают только компоненты контейнеры, остальные компоненты должны получать данные через v-bind от компонентов контейнеров.

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

Добрый день! Столкнулся с проблемой при использовании vuetify.js. Проблема заключается в том, что при клике на любой чекбокс выделяются все чекбоксы. https://codepen.io/DanilChugaev/pen/veYrKw?editors=1010 вот тут все работает, потому что данные (items, headers) уже присутствуют в data но если эти данные получать откуда то, при клике на любой чекбокс выделяются все чекбоксы. this.getDataFromApi() //тут получаю данные .then(data => { //обнуляю массивы как сказано в документации this.headers.splice(0) this.items.splice(0) //добавляю данные data.headers.forEach((item, i) => { this.headers.push(item) }) data.items.forEach((item, i) => { this.items.push(item) }) }) Если я у себя просто вставляю данные сразу в data() то все работает. долго уже не могу решить проблему, подскажите пожалуйста что делать

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

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

И да, контейнер может быть вложен в другой контейнер.

А причем тут Реакт?:)

Ты шутишь? Ты сам просил, что это. Я объяснил.

Из реакта пришел паттерн. Точней не из реакта, а из редакса.

Мой последний вопрос был про причинно-следственную связь Реакта и паттерна работы со стейтом.

Ну, я думаю, мы друг друга поняли

Добрый день! Столкнулся с проблемой при использовании vuetify.js. Проблема заключается в том, что при клике на любой чекбокс выделяются все чекбоксы. https://codepen.io/DanilChugaev/pen/veYrKw?editors=1010 вот тут все работает, потому что данные (items, headers) уже присутствуют в data но если эти данные получать откуда то, при клике на любой чекбокс выделяются все чекбоксы. this.getDataFromApi() //тут получаю данные .then(data => { //обнуляю массивы как сказано в документации this.headers.splice(0) this.items.splice(0) //добавляю данные data.headers.forEach((item, i) => { this.headers.push(item) }) data.items.forEach((item, i) => { this.items.push(item) }) }) Если я у себя просто вставляю данные сразу в data() то все работает. долго уже не могу решить проблему, подскажите пожалуйста что делать

нужно правильно указать item-key

item-key="name"

как и в документации к vuetify

как и в документации к vuetify

ну а в this.items поле "name" присутствует ?

и оно уникально должно быть

ну а в this.items поле "name" присутствует ?

Огромнейшее спасибо! я уже все перерыл а вот на item-key я даже внимание не обратил, просто спас ?

всем привет, а есть owl sync (овл каруселька синхронизированная) на vue.js а не на jquery?

всем привет, а есть owl sync (овл каруселька синхронизированная) на vue.js а не на jquery?

Vue awesome

Vue awesome

в принципе через data dots решил делать. но всё равно спасибо большое

Там есть много готовых элементов в том числе и каруселька

Всем привет. Вопрос скорее по js, но как без говнокода сделать при выборе "Все" сброс фильтра? https://jsfiddle.net/hqu90w7q/

Я, конечно, может уже слегка невменяем, но что значит сброс фильтра...?) Чтобы показывались и активные и неактивные,при выборе "все"?

Я, конечно, может уже слегка невменяем, но что значит сброс фильтра...?) Чтобы показывались и активные и неактивные,при выборе "все"?

именно

Всем привет. Вопрос скорее по js, но как без говнокода сделать при выборе "Все" сброс фильтра? https://jsfiddle.net/hqu90w7q/

Если селектед === налл, ретерн зис.айтемс

Всем привет. Вопрос скорее по js, но как без говнокода сделать при выборе "Все" сброс фильтра? https://jsfiddle.net/hqu90w7q/

isFinite() в фильтре, а в selectOptions value для "все" вообще убери (т.е. будет undefined)

@c01nd01r Владимир благодарю!

Всем привет! Подскажите как грамотно разбивать в vuex например хранилище (state) на несколько разных фалов? export default { test: require('./state/test') } В таком случае мне приходится обращаться через .default если я в файле test.js прописываю export default {}. this.$store.state.test.default.some_test_item;

Всем привет! Подскажите как грамотно разбивать в vuex например хранилище (state) на несколько разных фалов? export default { test: require('./state/test') } В таком случае мне приходится обращаться через .default если я в файле test.js прописываю export default {}. this.$store.state.test.default.some_test_item;

Каких файлов?