At Facebook, we use React in thousands of components, and we haven't found any use cases where we would recommend creating component inheritance hierarchies. (c)

пускай не п#здят, вот когда у них FB будет нормально работать - тогда и послушаем их

ты че

там же файбер-фигайбер

уже на проде в фб

так вот почему у меня один пост два раза выводился…

так вот почему у меня один пост два раза выводился…

ты не правильно им пользуешься, ты не их целевая аудитория???

:D

https://facebook.github.io/react/docs/composition-vs-inheritance.html

Типа компоненты, компонеты и еще раз компоненты?

да

во вью слишком много сущностей

Ааа jsx((

Kotlin 1.1 Beta Is Here! | Kotlin Blog https://blog.jetbrains.com/kotlin/2017/01/kotlin-1-1-beta-is-here/

Хмм, мб скоро будем писать на вью на котлине?

нет нет пожалуйста нет. не надо новую либу или фреймворк, который awesome

нет нет пожалуйста нет. не надо новую либу или фреймворк, который awesome

Так это не фреймворк

Это язык

Ну я тоже могу писать Go код и делать из него JS. Но как то не хочется.

Всем привет. Подскажите плз, SPA на Vue.js, как лучше делать? Какой нить туторіал, или чо. Возможно придется все завязать на соккетах.

Скоро, мб, прикрутят транслятор rust -> js, вот тогда заживем

Всем привет. Подскажите плз, SPA на Vue.js, как лучше делать? Какой нить туторіал, или чо. Возможно придется все завязать на соккетах.

+

обмазался этим вопросов просто

от и до

прочитай документацию, посмотри awesome vue

там есть готовые проекты на vue и все найдешь

Линк на пример можно? Использование Vuex, router. Документацию я буду смотреть когда чо в коде не пойму, просто строки горят.

Вообще за сколько реально сделать SPA, у кого сколько времени идет? Верстка, все есть, уже готово

Vue awesome читал уже, но возможно кто то поделиться опытом дополнительно

за минут 7-10

https://github.com/search?utf8=%E2%9C%93&q=vue+vuex+vue-router&type=

Вуекс далеко не обязателен

Пока обходился без Vuex и router, но задача сложноватая попалась, думаю мб облегчат жизнь

Роутер практически мастхэв для одностраничного

Первая одностраничка:)

Скоро, мб, прикрутят транслятор rust -> js, вот тогда заживем

тренды движутся не туда

тренды движутся не туда

Почему же? для webassembly уже вроде есть биндинг на раст

вебассембли не заменит веб

вебассембли не заменит веб

Даже большую его часть?

а зачем?

вебассембли не для этого

Я предполагал, что это сможет вытеснить typescript

Для больших приложений

https://twitter.com/jsunderhood/status/638667936887123968

слушайте Ингвара

Ингвар крутой

Ребят, где можно почитать как правильно организовать ssr?

Стоит ли юзать nuxt?

Да

На сайте вью даже написано, хочешь сср без боли - юзай nuxt

nuxt, это как Angular Universal?

Всем привет. Подскажите плз, SPA на Vue.js, как лучше делать? Какой нить туторіал, или чо. Возможно придется все завязать на соккетах.

установи глобально vue-cli, потом vue init webpack yourproject и вперед

установи глобально vue-cli, потом vue init webpack yourproject и вперед

Спасиб, утром ужe буду try. Спасибо всeм кто отвeтил. Спокойной рeбят, да прибудeт с Вами сила.

Еще одно свойство в дата all если оно включено то отменяется все то, что в массиве

Не могу найти это в доке, кто нибудь знает о чем речь?

речь идет о том, что бы в data добавить РУКАМИ свойство all, которое показывает, что выделены все чекбоксы...

Ребята, кто на новом webstrom 2017.1 ? Как работает автоматический импорт компонентов?

Как мерять производительность Vue? Есть какие-то специфические тулзы?

Профайлером в инструментах разработчика

Только включить во вью надо замеры

Это на страничке апи по performance поискать надо

нашел, спасибо https://vuejs.org/v2/api/#performance

Подскажите, как решить проблему: чекбокс обернут в лейбл и скрыт, сделано кастомное отображение чекбокса c помощью :before к label, v-model в таком случае для чекбокса не срабатывает, как починить?

Подскажите, как решить проблему: чекбокс обернут в лейбл и скрыт, сделано кастомное отображение чекбокса c помощью :before к label, v-model в таком случае для чекбокса не срабатывает, как починить?

V-show или v-if для скрытия?

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

т.е массив не пополняется значением чекбокса

чекбокс ставится, галочка есть, связанный массив пустой.

ERROR: S client not available

обернуть все это безобразие в компонент и через $emit('input', checkBoxState) на него через v-model подписываться

и да, в компоненте ловить клиен не на чекбокс, а на лейбел

посыл в том, что бы инкапсулировать логику работы такого чекбокса в компонент, что бы с ним было удобно работать через v-model снаружи

я сделал следующие на лейбл @click="toggleArrayElement(item.typeID, selectedMaterials)"

я сделал следующие на лейбл @click="toggleArrayElement(item.typeID, selectedMaterials)"

я так же делал

и это работало до того, как у меня стал меняться массив не от клика

т.е внутри происходит чтото, массив меняется

чекбоксы спят

именно в этом сейчас проблема

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

var bus = [] this.materialTypes.forEach(item => { bus.push(item.typeID) }) this.selectedMaterials.push(...bus)

таким образом

массив полон значений чекбоксов, чекбоксы спят

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

я не совсем понял вашу идею с компонентом и $emit

как это реализовать

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

чекбоксы ожили, лейблы спят

Тут все написано. Юзайте emit https://vuejs.org/v2/guide/components.html#Form-Input-Components-using-Custom-Events

https://jsfiddle.net/zLj6yrx2/ о чем я говорю

Внутри шаблона компонента будет ваш код чекбокса

спасибо!

ну и само собой валидацию пропсов все такое, как обычно демо пример, что бы показать идею. В прод "as is" тащить не советую

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

@change не срабатывает

только при клике мышкой

Эмм

Вы меняете v-model

И хотите это отследить?

watch?

состояние чекбокса