@js_ru
JavaScript — русскоговорящее сообщество

Рекомендуем сразу отключить уведомления Правила: http://bit.ly/our_etiquette См. также: @nodejs_ru, @typescript_ru, @react_js, @electron_ru Вакансии и поиск работы: @javascript_jobs

3006 members

Архив канала @js_ru 19 марта 2017 г.

02:20:43 ПП
User 32530886
User 62169189
Ботами не балуемся плз, тут 500 человек
ну и что
Во многих чатах по 2-3 тысячи людей и бот спокойно живет
Многим подобные боты приносят приятности
02:22:11 ПП
User 32530886
В общем-то, как скажешь)
02:22:40 ПП
User 62169189
А многим приносит неприятности, у нас инклюзивное комьюнити, а не эксклюзивное
02:23:25 ПП
User 32530886
учитывая что бот не спамит сообщениями (в тихом режиме)...
02:24:45 ПП
User 62169189
Зато в активном пару экранов телефона промотать пришлось. Вот в жсжобс с аналитикой он не помешал бы 😏
02:26:12 ПП
User 32530886
в активном да
05:17:56 ПП
User 182928241
Babel 7 когда уже? Не могу дождаться .babelrc.js
05:22:08 ПП
User 32530886
User 182928241
Babel 7 когда уже? Не могу дождаться .babelrc.js
а есть список фич?
Да и сразу не перейти же, ибо плагины не сразу запилят поддержку
05:25:30 ПП
User 199287607
User 122550876
Таких не бывает имхо. 
Бывают бэкендщики, выучившие JS. Они не умеют верстать (потому что не верстали и не понимают принципов). Они могут называть себя фронтендами. 
Но называть себя можно хоть спайдерменом. Реально работать фронтендом, не умея верстать, малореально
ну я например фронтендер  но не умею верстать
05:25:39 ПП
User 199287607
раньше умел, но давно уже не верстаю
05:25:52 ПП
User 199287607
только js пишу уже года полтора
05:26:02 ПП
User 107282384
Ребята
05:27:28 ПП
User 107282384
А в чистом ДЖС можно как то повесить на группу элементов событие как в jQuery
$('.class').click(function(){
$(this). че то там
})
05:27:46 ПП
User 60331718
User 107282384
А в чистом ДЖС можно как то повесить на группу элементов событие как в jQuery
$('.class').click(function(){
$(this). че то там
})
делигированный обработчик называется
05:29:00 ПП
User 62169189
User 107282384
А в чистом ДЖС можно как то повесить на группу элементов событие как в jQuery
$('.class').click(function(){
$(this). че то там
})
есть бабблинг событий (плюс кэпчуринг фаза)
05:35:52 ПП
User 107282384
Так, а ребят. в чистом js есть такое как document.querySelector
05:36:41 ПП
User 62169189
это и есть DOM API
05:36:56 ПП
User 62169189
Даж в IE8 есть
05:37:02 ПП
User 107282384
Просто иногда работает этот querySelector
05:37:06 ПП
User 107282384
иногда фиг забивает
05:37:11 ПП
User 62169189
нормально работает
05:37:19 ПП
User 102503485
А гуглить вообще религия не позволяет?
05:37:33 ПП
User 107282384
Позволяет...Религия...
05:37:36 ПП
User 62169189
вот даже как в IE8 появился, нормально работал, не поверишь
05:37:39 ПП
User 107282384
И гуглить, и свинину кушать
05:38:32 ПП
User 107282384
Просто... Пока тут не спросил, и не узнал такое словосочетание как делегирование, я и не знал что искать
05:41:00 ПП
User 337427257
User 32530886
а есть список фич?
Да и сразу не перейти же, ибо плагины не сразу запилят поддержку
Я уже заюзал, нормально всё работает) Большинство основных плагинов банально в одной монорепе с бабелем и поэтому уже имеют 7 alpha версию, а кто-то даже уже и бету
05:41:26 ПП
User 32530886
User 337427257
Я уже заюзал, нормально всё работает) Большинство основных плагинов банально в одной монорепе с бабелем и поэтому уже имеют 7 alpha версию, а кто-то даже уже и бету
это круто.
Но я имел ввиду сторонние плагинчики
05:42:28 ПП
User 337427257
Сторонние плагины так же заюзал, довольно много, суммарно. Проблем особо не заметил, кроме небольшого косяка в react-css-modules)
05:46:54 ПП
User 32530886
значит не сильно поломали апи
05:46:56 ПП
User 32530886
это хорошо
05:47:05 ПП
User 32530886
а есть список изменений 7 vs 6?
07:06:49 ПП
User 268804348
https://github.com/enyo/dropzone/issues/33
github.com/enyo/dropzone/issues/33
I'm trying to get Dropzone to upload directly to Amazon S3 using CORS: http://www.ioncannon.net/programming/1539/direct-browser-uploading-amazon-s3-cors-fileapi-xhr2-and-signed-puts/ For each uploa...
07:07:24 ПП
User 268804348
```if (!data.signedRequest) {
  return cb('Failed to receive an upload url');
}
07:07:51 ПП
User 268804348
whats wrong?
07:08:59 ПП
User 268804348
через d&d файл в аплоадер Dropzone.js -> ошибка -> в FF/Chrome
07:09:46 ПП
User 268804348
в 21-м веке до сих пор не научились делать аплоады? Это же задание уровня ацуби!
07:14:44 ПП
User 162371621
Как высчитать версию проекта имея только историю гит? Кто сталкивался с проектом "без версии"?
07:19:44 ПП
User 43184099
User 337427257
Сторонние плагины так же заюзал, довольно много, суммарно. Проблем особо не заметил, кроме небольшого косяка в react-css-modules)
Кстати, ты попробовал уже babel-plugin-react-css-modules? Я попробовал. Весь проект на него переписал, фантастический экспириенс. Единственная проблема была с sass переменными, но и это обошёл за пару часов.
07:20:59 ПП
User 43184099
User 43184099
Кстати, ты попробовал уже babel-plugin-react-css-modules? Я попробовал. Весь проект на него переписал, фантастический экспириенс. Единственная проблема была с sass переменными, но и это обошёл за пару часов.
* проблема с переменными решается за пару минут, а я просто не знал, что у постцсс свой резолвер, как у вебпака, поэтому пытался там велосипеды прикручивать.
08:22:21 ПП
User 337427257
User 43184099
Кстати, ты попробовал уже babel-plugin-react-css-modules? Я попробовал. Весь проект на него переписал, фантастический экспириенс. Единственная проблема была с sass переменными, но и это обошёл за пару часов.
Да, уже активно юзаю, крутая вещь) У меня фантастически экспириенс даже учитывая то, что на работе и так был react-css-modules)) С реализацией в бабель-плагине больше не надо обёртывать всё в лишний декоратор
08:25:25 ПП
User 337427257
Единственное что, проблема, про которую упоминал - у плагина ломается опция, которая позволяет не ссылаться на переменную и просто писать имена классов если в файле указан импорт в виде import './style.css'
08:26:18 ПП
User 337427257
Типа плагин считает что в модуле есть ещё style импорты.

Но думаю к релизу 7 бабеля это починят
09:43:04 ПП
User 626100
А зачем вы вообще используете react-css-modules в любом виде
09:43:17 ПП
User 626100
Чем вас не устраивает css-modules с import s from…
09:47:35 ПП
User 337427257
User 626100
А зачем вы вообще используете react-css-modules в любом виде
Как указать компоненту класс .foo-bar?

import s from './style.css'
...
<Block className={s['foo-bar']} />
С react-css

import './style.css'
...
<Block styleName='foo-bar' />
09:47:52 ПП
User 626100
А зачем так писать классы, если есть кэмелкейс
09:50:49 ПП
User 337427257
"--Доктор, у меня болит, если нажать вот здесь.
--Вот здесь не жмите"
09:52:40 ПП
User 337427257
Короче, это просто снижает число бессмысленного визуального шума. В случае нескольких классов, например
09:52:49 ПП
User 626100
Ну т.е. придумали проблему и героически с ней боретесь
09:53:05 ПП
User 626100
Притом что из коробки цсс модули работают идеально
09:53:18 ПП
User 626100
Ок, понял
09:54:19 ПП
User 337427257
Какую проблему, ты сейчас с кем?)
09:54:42 ПП
User 626100
А зачем так писать классы, если есть кэмелкейс
09:55:05 ПП
User 337427257
Короче, это просто снижает число бессмысленного визуального шума. В случае нескольких классов, например
09:55:21 ПП
User 626100
Какого шума?
09:55:52 ПП
User 337427257
className={classNames(s.foo, s.bar)}

styleName='foo bar'
09:56:12 ПП
User 626100
classNames → cn
09:56:25 ПП
User 337427257
Это не замена css модулям или что ты там о них подумал, это просто небольшой хелпер
09:56:30 ПП
User 626100
Я в курсе
10:02:36 ПП
User 337427257
Короче тут нет проблемы, тут просто вопрос предпочтений. Мне вот не нравится излишний синтаксис там, где его можно не писать, поэтому я не ставлю ; и использую styleName, если можно просто обойтись строкой
11:41:42 ПП
User 43184099
@evgenyrodionov @ZeroBiias Добавлю, что есть проекты с тысячами строк легаси цсс, которые целиком написаны через дефисы, а то и вовсе BEM-ом или BEM-like. Кто в своём уме пойдёт это всё перелопачивать на camelCase?
11:45:45 ПП
User 626100
Камон
11:45:58 ПП
User 626100
Я даже комментировать это не буду
11:49:04 ПП
User 43184099
User 626100
Я даже комментировать это не буду
Я тебе реальный юзкейс, ты мне "даже комментировать это не буду". Разве мы не обсуждали реальную пользу от этого плагина?
11:49:24 ПП
User 626100
Притянут за уши твой юзкейс
11:49:53 ПП
User 43184099
Чем он притянут? В цсс стандарт дефакто всё писать через дефисы
11:49:57 ПП
User 626100
Переписывать с className на styleName ок, а рефакторить остальное уже не ок
11:50:07 ПП
User 626100
Саундс лайк буллщит
11:50:09 ПП
User 626100
Это первое
11:50:23 ПП
User 626100
Второе: если используешь бэм, зачем цсс модули?
11:50:45 ПП
User 626100
Либо если используешь цсс модули, зачем оставлять бэм?
11:51:32 ПП
User 626100
Разберитесь с необходимостью воткнуть новую технологию, прежде чем ее втыкать
11:52:05 ПП
User 43184099
User 626100
Саундс лайк буллщит
Прости, писать цсс через дефисы буллщит?
11:52:56 ПП
User 626100
А то обкладываете сотней слоёв сверху лишь бы работало как раньше, и выливается это в оверхед
11:53:02 ПП
User 626100
И зачем и нахуя тогда
11:54:04 ПП
User 43184099
User 626100
Либо если используешь цсс модули, зачем оставлять бэм?
Два кейса:
1. Большой проект, много компонентов, общие стили.
2. Полная миграция на модули.
11:54:45 ПП
User 43184099
User 626100
Разберитесь с необходимостью воткнуть новую технологию, прежде чем ее втыкать
Более чем разобрался, не переживай ты так за мой код)
11:55:46 ПП
User 43184099
User 626100
А то обкладываете сотней слоёв сверху лишь бы работало как раньше, и выливается это в оверхед
сейчас будет про оверхед ссылочка, не уходи
11:55:59 ПП
User 43184099
https://github.com/gajus/babel-plugin-react-css-modules#performance
github.com/gajus/babel-plugin-react-css-modules
Transforms styleName to className using compile time CSS module resolution. - gajus/babel-plugin-react-css-modules
11:57:03 ПП
User 43184099
TL;DR: "оверхед" в 4 процента, если не делаешь вот так: styleName={main ${props.highlited ? 'highlite' : ''}}
11:57:11 ПП
User 43184099
А если делаешь, в 8%
11:57:33 ПП
User 43184099
Более чем терпимо
11:57:43 ПП
User 626100
Ясно
11:57:55 ПП
User 626100
В чем ты меня убеждаешь-то?
11:58:42 ПП
User 43184099
"В интернете кто-то не прав"
11:58:42 ПП
User 43184099
Ну т.е. придумали проблему и героически с ней боретесь
11:58:42 ПП
User 43184099
Притом что из коробки цсс модули работают идеально
11:59:14 ПП
User 626100
В том, что у кого-то есть легаси и он с помощью таких пакетов потихоньку рефакторит? Ну ок, бывает