да я видел

но настраивать было ни каеф

через декоратор компонент самый сок

аа, ок

шта это?

Статья из доки по реакту https://abraxabra.ru/react.js/bystryy-start/kompozitsiya-protiv-mekhanizma-nasledovaniya/

Статья из доки по реакту https://abraxabra.ru/react.js/bystryy-start/kompozitsiya-protiv-mekhanizma-nasledovaniya/

спасибо, почитать

друзьяя, кто-нибудь использовал socket io с vue??

друзьяя, кто-нибудь использовал socket io с vue??

Echo

+ laravel echo server

Для соккетов есть пакеты

Echo

дело в том что на сервере уже используется socket iuo

Так а в чем там проблема?

https://github.com/MetinSeylan/Vue-Socket.io

Так а в чем там проблема?

проблема в том, что библиотека vue-socketio плохо документирована, я с сокетами впервые работаю, хотел узнать насколько практично использовать сырой вариант клиентской части

Зачем изобретать то что уже сделали за тебя) Но с другой стороны если вариант рабочий старый, то почему бы и нет

Так а что там плохо задокументировано, какой у тебя вопрос?

проблема в том, что библиотека vue-socketio плохо документирована, я с сокетами впервые работаю, хотел узнать насколько практично использовать сырой вариант клиентской части

Тогда стоит узнать, как работают/как работать с простыми сокетами, а потом уже юзать либы. Там ничего сложного. Одна статья на learn.javascript.ru и час-два практики

Зачем изобретать то что уже сделали за тебя) Но с другой стороны если вариант рабочий старый, то почему бы и нет

я правильно понял, что я отправляю какой-либо. event и взамен не получаю данных в коллбек, а получаю их on('some event')?

вот подключение import VueSocketio from 'vue-socket.io'; Vue.use(VueSocketio, 'http://socketserver.com:1923'); а вот само использование var vm = new Vue({ sockets:{ connect: function(){ // вызовется, когда подключится к соккету console.log('socket connected') }, // подписываешься на событие 'customEvent' customEmit: function(val){ // отработает, когда произойдет событие в val придут данные console.log('this method was fired by the socket server. eg: io.emit("customEmit", data)') } }, methods: { clickButton: function(val){ // а тут просто публикуешь событие // $socket is socket.io-client instance this.$socket.emit('emit_method', val); } } })

а так же можно так подписать на событие this.$options.sockets.event_name = (data) => { console.log(data) } и отписаться delete this.$options.sockets.event_name

я правильно понял, что я отправляю какой-либо. event и взамен не получаю данных в коллбек, а получаю их on('some event')?

смотри, вот так Vue.use(VueSocketio, 'http://socketserver.com:1923') ты подключаешься к соккетам. Далее если ты хочешь кинуть ивент какой то делаешь так this.$socket.emit('emit_method', val); а если ты хочешь подписать на это событие получить данные переданные в нем, то делаешь так this.$options.sockets.event_name = (data) => { console.log(data) }

Не могу не поделиться своим открытием: const f = (x, y=x) => x * y

Не могу не поделиться своим открытием: const f = (x, y=x) => x * y

молодец, на еще погляди что в es6 можно https://gist.github.com/DmitrySoshnikov/3928607cb8fdba42e712

9. Variables and scoping http://exploringjs.com/es6/ch_variables.html

После вот этого, но не думаю, что я смогу там узнать что-то нового

поверь, сможешь )

Не думаю, в книге стильно больше примеров, чем в твоей ссылке

ну молодец

ахахах

А как запускать транзишен внутри транзишена? Почему это не работает <transition name="modal"> <div v-if="isModal" class="modal-overlay"> <div @click="reactiveModal" class="fakeoverlay"></div> <transition name="modal-content"> <div v-if="isModal" class="modal-content" > <h2>Super Modal</h2> <input type="text" name=""> <button @click="reactiveModal" class="primary-button">CLICK</button> </div> </transition> </div> </transition>

Anybody?

Anybody?

v-if ссылается на одну переменную. Не проще сделать транзишн, учитывающий детей?

<template v-if="listChildVisible"> <list-child v-if="this.list.hasOwnProperty('child')" :childList="this.list.child"></list-child> <input type="text" v-else> <button v-on:click.prevent="test()">Создать</button> </template> Это нормально, что button покзывается если на инпуте срабатывает v-else? Получается, все что идет после v-else будет применяться к нему?

v-if ссылается на одну переменную. Не проще сделать транзишн, учитывающий детей?

Это как? Транзишен учитывающий детей

Это как? Транзишен учитывающий детей

Ну переходы CSS?

Какие переходы? Разные элементы

Не могу не поделиться своим открытием: const f = (x, y=x) => x * y

ты че дядь

Может хуки тут надо?

Может хуки тут надо?

Я не у компа, пример не скину, но логика проста: переходы, основанные на стилях работают через классы (в доках есть), цепляешься к ним и используешь каскад CSS (читабельнее с SCSS, например)

ты че дядь

Чи?

Вообще не понимаю о чем ты

как ты так проебался люто

Кто из нас тупит дяди?

Я могу после 4 часов сна и 12 рабочих ))

как ты так проебался люто

В чем?

К чему я тебе классы буду цеплять если тут v-if и если элемент уходит, то его нету в доме, я не смогу уход ребенка цссом сделать

В чем?

в (x, y=x)

в (x, y=x)

Это будет работать

да

я знаю

а ты не знал?)

а ты не знал?)

Не

К чему я тебе классы буду цеплять если тут v-if и если элемент уходит, то его нету в доме, я не смогу уход ребенка цссом сделать

я об этом не думала

Сижу как раз и закрываю дыры в знании js

просто типа сделать значение по умолчанию ок, а так не думала)

Что за картинки вы уебанские выкладывание что их скачивать надо?

Что за картинки вы уебанские выкладывание что их скачивать надо?

Что за картинки вы уебанские выкладывание что их скачивать надо?

лол, дядя, я тебе подсказываю, если ты не знал или ты забыл.

лол, дядя, я тебе подсказываю, если ты не знал или ты забыл.

В чем подсказка? Для ребенка v-show?

У меня тоже самое за исключением этого

Ну попробовал. Ну не работает

Я не у компа, пример не скину, но логика проста: переходы, основанные на стилях работают через классы (в доках есть), цепляешься к ним и используешь каскад CSS (читабельнее с SCSS, например)

@aedigital ну у меня работает.

Не могу не поделиться своим открытием: const f = (x, y=x) => x * y

мне деструктуризация в аргументах нравится

const a = ({ target }) => target;

мне деструктуризация в аргументах нравится

Да, прикольная вещь

молодец, на еще погляди что в es6 можно https://gist.github.com/DmitrySoshnikov/3928607cb8fdba42e712

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

https://github.com/diegohaz/rest вещь

молодец, на еще погляди что в es6 можно https://gist.github.com/DmitrySoshnikov/3928607cb8fdba42e712

Легко же

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

В фп может быть юзабельным

в (x, y=x)

Нахуй так делать

В фп может быть юзабельным

Часто вижу деструктуризацию и присваивания. Но разное мутное по тому типу - никогда. Была статья на Хабре где человек расписывал как в js можно создавать стремные(юзабельные в других функциональных языках) штуки. Один из первых коментов - как потом читать такой код)

Нахуй так делать

Хороший вопрос. Конкретно в этом примере - нужно)).

Дефолтное значение

Не, когда ебенят функцию в дефолтное значение, это пиздец, конечно

А так нормально

Не, когда ебенят функцию в дефолтное значение, это пиздец, конечно

Это норм, если в функции нет замыкания

Я имею в виду виду a = (x=function() {}) ...

Это пиздец

Я имею в виду виду a = (x=function() {}) ...

Да, я тоже