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

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

3988 members

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

06:47:46 ДП
User 60331718
ребзи, у vue есть деление на контейнеры и компоненты?
06:49:47 ДП
User 152816933
Что за контейнеры?
06:50:50 ДП
User 60331718
как в react
06:51:23 ДП
User 60331718
насколько я понмю, так компоненты - это что-то без логики, а контейнеры - с логикой
06:53:23 ДП
User 55423102
функциональные компоненты
06:53:33 ДП
User 55423102
без логики и данных
06:54:09 ДП
User 55423102
Только я для себя так и не понял, где их потребуется мне применять) видимо ещё не столкнулся где он сгодятся
06:55:54 ДП
User 60331718
.vue файлы такое говно
06:56:52 ДП
User 133750577
User 60331718
.vue файлы такое говно
Ну я бы не сказал
06:57:26 ДП
User 60331718
User 133750577
Ну я бы не сказал
меня уже бесит от того, что все в одном месте и js и css и html
06:57:29 ДП
06:57:36 ДП
User 60331718
в этом плане реакт кончено лучше
06:58:33 ДП
User 133750577
Кажется, наоборот. Меня лично выворачивает от его синтаксиса, аля return <MyComponents.DatePicker color="blue" />;
06:59:14 ДП
User 133750577
По мне так это намного более смешивание, чем то, что предлагает Vue
07:00:48 ДП
User 85413039
я просто видел преокт в котором
07:00:59 ДП
User 85413039
any-stuff.jade
07:01:04 ДП
User 85413039
any-staff.scss
07:01:08 ДП
User 60331718
Хмм, хотя если не пихать во .vue файлы стили, то ничего так
07:01:12 ДП
User 85413039
any-staff.js
07:01:25 ДП
User 152816933
User 60331718
в этом плане реакт кончено лучше
А какая разница? В реакте не пишут стили в jsx?
07:01:35 ДП
User 60331718
User 152816933
А какая разница? В реакте не пишут стили в jsx?
Я тебя умоляю
07:01:35 ДП
User 85413039
потмо бегаешь по трем файлам
07:01:49 ДП
User 60331718
Есть куча модулей для этого
07:01:49 ДП
User 152816933
User 60331718
Я тебя умоляю
М?
07:02:00 ДП
User 60331718
Всякие inline css
07:02:11 ДП
User 60331718
Я сам пробовал один такой
07:02:21 ДП
User 139059931
есть scoped slots, это такая дичь, которая аля "partial" c пропсами родителя
07:02:27 ДП
User 60331718
User 85413039
я просто видел преокт в котором
Это является стандартов в react
07:04:22 ДП
User 152816933
User 60331718
Я сам пробовал один такой
Так в vue можно точно так же писать или не писать стили в файле компонента
07:04:23 ДП
User 139059931
я вам больше скажу, react-native все стили - css in js, так что это норм особенно если вы пилите сразу несколько апп
07:08:27 ДП
User 55423102
Кому удобнее все в vue - можно держать html+css+js в vue
07:08:34 ДП
User 55423102
а кому хочется по отдельным файлам разносить
07:08:37 ДП
User 55423102
ну так можно же разносить
07:08:45 ДП
User 55423102
или это троллинг такой) что говно все)
07:09:13 ДП
User 139059931
увы, это не троллинг, все так и есть)
07:09:27 ДП
User 60331718
без css терпимо более или менее на самом деле
07:09:43 ДП
User 55423102
ну да, лишь бы поплеваться)
07:10:14 ДП
User 60331718
User 55423102
ну да, лишь бы поплеваться)
ну дык)
07:14:10 ДП
User 55423102
и дальше пользоваться)
07:14:50 ДП
User 139059931
а вообще странно, вот вы говорите "jsx говно", "html темплейты рулят", а мне приходится костылить такие конструкции v-on:change='handleChange( arguments[0], arguments[1], 'type')и имхо это не круче onChange={handleChange('type')}
07:17:02 ДП
User 55423102
а что ты сделать пытаешься
07:18:16 ДП
User 133750577
Получить что-то и дочернего компонента, полагаю
07:18:37 ДП
User 177916640
Гля кнопку инстант вью. Классная задумка
07:18:38 ДП
User 177916640
5 бесплатных туториалов по VueJS #js #javascript #vueJS
 https://hackernoon.com/5-free-vuejs-tutorials-3caa8ff865e9
hackernoon.com/5-free-vuejs-tutorials-3caa8ff865e9
Ok… I still use jQuery — my apologies for sleeping through the entire Backbone, Knockout, Angular 1 era. Regardless, I’m ready to toss my…
07:18:40 ДП
User 139059931
handleChange = type => (el: VueInstance, e: MouseEvent) => ...
07:21:14 ДП
User 55423102
@change="hangleChangeWithType"

hangleChangeWithType (arg1, arg2) {
  handleChange(arg1, arg2, 'type')
}
07:24:28 ДП
User 139059931
User 55423102
@change="hangleChangeWithType"

hangleChangeWithType (arg1, arg2) {
  handleChange(arg1, arg2, 'type')
}
лол, а теперь представь что у тебя 10 фильтров в разных компонентах, ты напишешь 10 методов?)
07:25:11 ДП
User 55423102
ну если тип снизу есть вариант передавать тоже, то не потребуется 10 методов
07:28:04 ДП
User 55423102
такой вариант когда что-то снизу нужно получить, а что-то задать на верхнем уровне ещё сам не догнал как красивее сделать)
08:21:06 ДП
User 60331718
User 55423102
Только я для себя так и не понял, где их потребуется мне применять) видимо ещё не столкнулся где он сгодятся
ну вот например можно так разделять, если используешь Vue.extend() то это контейнер, если нет, то компонента
08:22:07 ДП
User 55423102
я в том смысле чем они жизнь облегчат)
08:23:43 ДП
User 60331718
User 55423102
я в том смысле чем они жизнь облегчат)
это тебе нужно про реакт почитать, там прям часто в манах пишут почему
08:24:14 ДП
User 55423102
может есть на примете хорошая статья на эту тему?)
08:31:47 ДП
User 60331718
На хабре кажется была, сейчас поищу
08:32:07 ДП
User 139059931
https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0#.r2tk5r95u
medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0
You’ll find your components much easier to reuse and reason about if you divide them into two categories.
08:33:25 ДП
User 60331718
http://redux.js.org/docs/basics/UsageWithReact.html#presentational-and-container-components
08:33:46 ДП
User 139059931
Если просто - context и доступ к lifecycle есть только у компонентов созданных через экстенд класса, если тебе это не нужно, то не напрягайся и юзай функции
08:34:28 ДП
User 177916640
вы апр вуе или реакт щяс ?
08:35:18 ДП
User 60331718
User 177916640
вы апр вуе или реакт щяс ?
пока про применимость разделения вьюховских компонент как в реакт
08:35:32 ДП
08:35:58 ДП
User 60331718
можно\нельзя, если можно то зачем? если зачем, то как
08:36:13 ДП
User 60331718
сложный филосовский вопрос
09:08:35 ДП
User 55423102
спасибо, почитаю)
09:35:09 ДП
User 127503805
Кому там в одном файле не нравиться, можно же писать в разных и делать импорт 
panel.vue
<template src="./panel.html"></template>
<script src="./panel.js" lang="babel"></script>
09:42:52 ДП
User 136935602
Я кстати так и делаю
09:43:00 ДП
User 136935602
Чтобы flow работал
09:57:19 ДП
User 127503805
User 60331718
можно\нельзя, если можно то зачем? если зачем, то как
Смотри выше ^^^
09:58:51 ДП
User 60331718
User 127503805
Кому там в одном файле не нравиться, можно же писать в разных и делать импорт 
panel.vue
<template src="./panel.html"></template>
<script src="./panel.js" lang="babel"></script>
А вот это круто, пасиба
10:00:52 ДП
User 152816933
User 60331718
А вот это круто, пасиба
да ладно, только не говори, что не знал. Я думал, что это троллинг) в доке же есть
10:26:44 ДП
User 60331718
User 152816933
да ладно, только не говори, что не знал. Я думал, что это троллинг) в доке же есть
Я ещё не все прочитал)
10:26:47 ДП
User 60331718
Только начал изучатт
10:34:44 ДП
User 55423102
Уже и доки на русском сделали, а всё равно не читают )
11:32:42 ДП
User 127503805
Доки на русском хороши, читать приятно
12:06:45 ПП
User 60331718
User 55423102
Уже и доки на русском сделали, а всё равно не читают )
Читаем, товарисч, читаем
12:07:13 ПП
User 232897796
User 127503805
Доки на русском хороши, читать приятно
очень непривычно, мозг немного ломается
12:11:41 ПП
User 55423102
Правда там в доках ещё правки вносить и вносить)
12:11:55 ПП
User 55423102
User 232897796
очень непривычно, мозг немного ломается
а что непривычно?
12:12:23 ПП
User 232897796
в принципе непривычно читать документацию на русском
12:12:34 ПП
12:12:59 ПП
User 55423102
Эван вот написал что в 2016 хайповость по нарастающей росла
12:13:04 ПП
User 232897796
тем более в каждой второй вакансии требуется английский, почему бы его не прокачивать
12:13:07 ПП
User 55423102
так что с документацией на русском еще подкинем дровишек
12:13:43 ПП
User 55423102
Будет больше времени прокачивать скилл читая уже специализированные статьи на английском, быстро изучив доки на русском
12:14:28 ПП
User 232897796
так-то доки проще статей воспринять
12:14:41 ПП
User 60331718
User 55423102
Будет больше времени прокачивать скилл читая уже специализированные статьи на английском, быстро изучив доки на русском
+
12:14:48 ПП
User 232897796
т.е. сначала ты читаешь доки на английском, потом статьи. от простого к сложному
12:14:53 ПП
User 60331718
User 232897796
так-то доки проще статей воспринять
Не у всех ок уровень англа
12:15:19 ПП
User 55423102
Ну если какие-то косяки в документации заметите — пишите, будем править
12:15:20 ПП
User 60331718
Старт на русском + англ проф статьи легче идут чем англ + англ
12:15:38 ПП
User 232897796
User 55423102
Ну если какие-то косяки в документации заметите — пишите, будем править
я кстати не говорю, что перевод плохой. перевод отличный
12:15:40 ПП
User 60331718
User 55423102
Ну если какие-то косяки в документации заметите — пишите, будем править
О, так ты один из переводчиков?
12:16:05 ПП
User 55423102
Нет) но я скажем так присоединился, потому что и сам изучаю еще и коллег чтобы не самому наставлять, а отправлять доки читать
12:16:12 ПП
User 55423102
помогаю пулл-реквестами)
12:16:23 ПП
User 55423102
орфографические ошибки и тире исправляю 😂
12:16:46 ПП
User 232897796
User 55423102
орфографические ошибки и тире исправляю 😂
можно в резюме записать участие в опенсорс проекте )))
12:17:09 ПП
User 55423102
ну отчасти ради этого и стал помогать) я на перевод наткнулся еще в процессе, но времени уделять не мог
12:17:24 ПП
User 55423102
ну а теперь уже официально зарелизились, можно потихоньку поправлять
12:26:02 ПП
User 127503805
Ну так читаешь доки на русском и английсокм , можно специализированные слова и выражения понять ) И потом на английском проще будет  )
12:27:45 ПП
User 55423102
А потом развиваешь фантазию как специализированные термины английские на русский перевести 😃
12:28:03 ПП
User 55423102
Замену слова "хуки" на "обработчики" забраковали)
12:44:30 ПП
User 152816933
Оно и к лучшему, ибо все знают, что такое хуки :)
12:48:05 ПП
User 55423102
Для новичков думаю будет не слишком понятно) но там добавили пояснение что это такое
01:13:04 ПП
02:15:58 ПП
User 215699186
User 232897796
тем более в каждой второй вакансии требуется английский, почему бы его не прокачивать
так некто не заставлял переводить, никто не заставляет читать. Ну правда, английский требуется не для того что бы доки уметь читать.
06:11:08 ПП
User 152816933
Кстати, там это...  Фейсбух в своем News Feed заюзал vue
06:11:21 ПП
User 152816933
Только он не работает 😄
06:11:51 ПП
User 55423102
совсем скатился?)
06:14:04 ПП
User 85413039
User 152816933
Кстати, там это...  Фейсбух в своем News Feed заюзал vue
Ссылку в студию
06:15:43 ПП
User 152816933
https://newsfeed.fb.com
06:20:11 ПП
User 55423102
Видимо починят уже переписав на реакт)
06:26:01 ПП
User 109705347
https://newsfeed.fb.com/?lang=en
06:26:24 ПП
User 109705347
все траблы в отутствии ru)
06:34:25 ПП
User 85413039
Скиньте в реакт групу
06:34:34 ПП
User 85413039
Потроллить))