@react_js
Vladimir26.09.2016
14:47:30
14:47:30
Ребята, никто не знает как в сафари-инспекторе проинспектировать сам инспектор? Или он не на js написан? Суть в чем - в сафари есть крутая фича подсветки неиспользуемого кода и я хочу просто скопировать и удалить этот неиспользуемый код чтобы разобраться в одной сложной библиотеке но к сожалению через ctrl+c этот код копируется без стилей
тебе какой-нибудь rollup/webpack2 нуженне
мне интересно что именно тестируете, верстку и логику
может кто-нибудь пример показать?
тестирую, что компонент рендерит то, что нужно в позитивных и негативных случаях
Bogdan26.09.2016
14:48:38
14:48:38
тебе какой-нибудь rollup/webpack2 нужен
а он разве умеет трекать построчно какой код выполнился а какой нет? мне кажется там трекается только статическая зависимость на момент сборки
Alxander26.09.2016
14:49:53
14:49:53
GoogleBogdan26.09.2016
14:52:04
14:52:04
Там по AST смотрится.
так по ast он покажет что весь код используется а во время работы js может стоять например условие которое из-за каких-то данный выполнит всего пару строчек
Сергей26.09.2016
14:54:31
14:54:31
а как быть с динамическими вызовами?
const meth = obj[methodName];
meth.call(target, value)
Vladimir26.09.2016
15:05:26
15:05:26
Алексей26.09.2016
15:37:49
15:37:49
кто нибудь иммутабл в продакшене использует?
как часто в обычные типы конвертите? или по всему приложению иммутабельные данные разносите?
Idaliya26.09.2016
15:40:37
15:40:37
как пропсы прокидываем иммутабельные, конвертим только там, где надо рендерить)
Алексей26.09.2016
15:43:51
15:43:51
вот я пока тоже склоняюсь ко второму варианту
Gregory26.09.2016
16:02:32
16:02:32
Привет всем.
Прошу минуту вашего внимания.
Я хочу выступить на ReactiveConf и для этого мне нужно войти в тройку по количеству старов:
https://gist.github.com/A-gambit/1ded6bf07cf4a497fc6eeb3e082ac612
Конкуренция очень велика и каждый стар имеет значение.
Буду благодарен, если вы поможете мне в этом.
Спасибо за внимание!
Denis26.09.2016
16:02:46
16:02:46
Друзья, давай поддержим Григория! У него 196 звёзд, а у его конкурентов 197 и 195. Каждый голос важен!
Aleh26.09.2016
16:13:11
16:13:11
а кто конкуренты?
Google
Alexander26.09.2016
16:16:15
16:16:15
+1, тоже интересно
Alex26.09.2016
17:34:11
17:34:11
Ну вот, опять побеждает тот кто лучше умеет пиариться.
Evgeny26.09.2016
18:11:53
18:11:53
Так работает мир, добро пожаловать на планету Земля, сынок
Тебе ещё многое предстоит узнать, но я рад, что ты такой наблюдательный и любознательный
Cocker26.09.2016
18:25:36
18:25:36
О, чувак, который продает элитные дома
Dmitry26.09.2016
18:29:23
18:29:23
Ну вот, опять побеждает тот кто лучше умеет пиариться.
ну не совсем. правильная формула сейчас звучит как work and tellтупо работа без пиара или пиар без работы не дают результата
так что мир по-прежнему хорош, будьте спокойны, товарищи =)
Artur26.09.2016
19:11:59
19:11:59
Ребза, на что влияет в MobX NODE_ENV=production?
Или в React, что в связке с MobX некоторые вещи ломаются.
Andrey26.09.2016
19:13:14
19:13:14
в реакте вырезаются дев тулзы и проверки пропсов)
Artur26.09.2016
19:14:19
19:14:19
Это по идее никак не должно влиять.
Mikhail26.09.2016
19:57:25
19:57:25
А как пробросить props в this.props.children?
Можно как то сделать React.createElement(this.props.children, this.props)? псевдокол конечн)
Alexander26.09.2016
19:59:48
19:59:48
можно )
Mikhail26.09.2016
20:00:03
20:00:03
Поделись?
Вышло так React.cloneElement(this.props.children, {myprop: this.route.myprop})
Andrey26.09.2016
20:00:21
20:00:21
можно даже так <this.props.children />
Valentin26.09.2016
20:01:12
20:01:12
Могу ошибаться, но jsx понимает как компоненты элементы только с большой буквы
Alexander26.09.2016
20:01:37
20:01:37
ага, выглядит похоже
GoogleMikhail26.09.2016
20:01:54
20:01:54
А как решить что понадобиться react.cloneElement или react.creteElement? Потому что мой
React.createElement(this.props.children, this.props)
- начала сразу ругаться на propTypes. А вот с cloneELement - все вышло
Alexander26.09.2016
20:05:08
20:05:08
Как я помню, надо использовать cloneElement
Yan?26.09.2016
20:14:42
20:14:42
Кто-нибудь запускал вебпак на виндовс?(
Vladimir26.09.2016
20:14:56
20:14:56
тысячи людей я думаю
Andrey26.09.2016
20:16:21
20:16:21
вебпак норм работает
Yan?26.09.2016
20:16:22
20:16:22
Что я делаю не так)
Поставил уже и так и глобально babel-node babel-cli
стартится сборка путем запуска babel-node server.js в котором указан путь к конфигу и запуск вебпак сервера
ток когда запускаю говорит что не знает что такое импорт:(
Vladimir26.09.2016
20:17:29
20:17:29
проект свой или в команде?
Yan?26.09.2016
20:17:56
20:17:56
мой пет прожект на потыкаться)
Andrey26.09.2016
20:18:26
20:18:26
сервер, это только сервер для вебпака ?)
Vladimir26.09.2016
20:19:02
20:19:02
выложи на гитхаб
Yan?26.09.2016
20:19:10
20:19:10
ага)
там просто будет фронт на рекате в будущем поэтому собственно здесь и спрашиваю)
Andrey26.09.2016
20:19:44
20:19:44
поставь в лоадере вебпака babel и просто укажи все в .babelrc
и убери все эти babel node и подобное
Vladimir26.09.2016
20:21:17
20:21:17
ошибки на импорты это проблемы с бабель
Andrey26.09.2016
20:21:52
20:21:52
и то, что он или не запустился или нет пресетов нужных
Yan?26.09.2016
20:21:57
20:21:57
я уж понял)
видимо не зря я его не любил все это время
вероятно он меня тоже)
babel-preset-es-2015 пож поставил
GoogleYan?26.09.2016
20:23:17
20:23:17
@iamstarkov Если я на гист выложу этот server.js и webpack.config.js а то там остальное папочки это бывший проект товарища он дал потыкаться так что думаю не стоит на гитхаб выкладывать)
Vladimir26.09.2016
20:23:19
20:23:19
но ещё в конфиг добавить
Yan?26.09.2016
20:23:28
20:23:28
будет ли понятно где косячок?
{
test: /.jsx?$/,
loader: 'babel-loader',
exclude: /node_modules/,
query: {
presets: ['es2015', 'stage-0', 'react'],
},
}
судя по этой записи в конфиге он добавлен
или это не совсем то?
Yan?26.09.2016
20:25:15
20:25:15
https://gist.github.com/YanLobat/8addd7a299b996c552b5de3a789f1bd8
Дмитрий26.09.2016
20:25:42
20:25:42
Написал либу, в одном месте генераторы подключил, теперь надо весь проект через бабель прогонять или переписывать
Vladimir26.09.2016
20:26:06
20:26:06
а причём тут рантайм?
Andrey26.09.2016
20:26:09
20:26:09
Vladimir26.09.2016
20:26:19
20:26:19
билди и паблишь
Дмитрий26.09.2016
20:28:28
20:28:28
Ну он там дофига своего добавляет вроде, для генераторов нужен полифилл или рантайм
http://babeljs.io/docs/plugins/transform-regenerator/
Yan?26.09.2016
20:28:58
20:28:58
в `.babelrc' тупо это добавить?
``
{
"presets": ["stage-0", "es2015", "react"]
}
Andrey26.09.2016
20:29:15
20:29:15
да
Viacheslav26.09.2016
20:29:34
20:29:34
Ну он там дофига своего добавляет вроде, для генераторов нужен полифилл или рантайм
babel-runtime в peerDependencies и в бой :DGoogleVladimir26.09.2016
20:30:05
20:30:05
ты используешь react?
Andrey26.09.2016
20:30:43
20:30:43
ты знаешь что-такое stage-0?
классная штука, можно использовать ::, жаль только декораторы выпилили и отдельно нужно подключатьДмитрий26.09.2016
20:31:44
20:31:44
babel-runtime в peerDependencies и в бой :D
Ну вот я про это и спрашиваю, это же либа, хотелось бы поменьше всего тащить) Генератор там был для удобства реализации итерации одного момента, а тут теперь аж babel-runtime тянетсяAndrey26.09.2016
20:33:18
20:33:18
Yan?26.09.2016
20:34:27
20:34:27
@iamstarkov это я в твоем репо нашел) я уж понял что он мне не нужен просто образца ради поскал)
*поискал
короче ошибка была тупо в отсутствии этого конфиг файла)
Vladimir26.09.2016
20:35:31
20:35:31
@iamstarkov это я в твоем репо нашел) я уж понял что он мне не нужен просто образца ради поскал)
люди любят stage-0, поэтому добавил в примеры в https://github.com/iamstarkov/generator-babelно не советую использовать настолько блидин эдж
Yan?26.09.2016
20:36:35
20:36:35
ну коли уж спросил можешь в двух словах описать для чего эта зависимость?)
Vladimir26.09.2016
20:37:55
20:37:55
какая?
Yan?26.09.2016
20:38:35
20:38:35
stage-0
Открыть в Telegram