@react_js
Ches11.11.2016
00:06:35
00:06:35
можете подсказать как подключить sass в create react app? сделал по этой статье https://medium.com/@Connorelsea/using-sass-with-create-react-app-7125d6913760, не работает...
т.е установил модули и добавил в dev webpack этот код
{
test: /\.scss$/,
include: paths.appSrc,
loaders: ["style", "css", "scss"]
},
Lupsick11.11.2016
02:08:11
02:08:11
https://github.com/franciscop/superdom.js
Google
Таймураз11.11.2016
07:47:14
07:47:14
@pavelsilinw, @dmitriyabr, @gusnkt Простите меня, но кажется, что мой вопрос был про другое. Мне нравится использовать нативный Promise, а не блюбердный.
Но я знаю, что он жрет памяти как черт, и вообще не все в его работе гладко. И все эти неровности известны. И вопрос был про то, может, кто-то знает о планах "Создателей" (с придыханием) что-то изменить? Или чат, в котором этот вопрос имел бы право на беспристрастное рассмотрение? ?
Недавно нужно было спарсить много десятков тысяч данных и обработать. Натмвные промисы в es6 просели по памяти и упали, в конце концов.
Arsen11.11.2016
09:55:28
09:55:28
вот у apollo в документации есть что можно нетворк лэйер кастомайзить как надо и в пример приведены вебсокеты: http://dev.apollodata.com/core/network.html#custom-network-interface
но самого примера - где это делают найти не могу. если кто-нибудь поделится ссылкой на пример буду рад
Dmitriy11.11.2016
11:47:24
11:47:24
Есть простое решение для подготовки картинок для ретины/не ретины?
сейчас я вижу решение в лоб - загружать картинку в два раза больше размером, через стиль указывать ширину в два раза меньше
может есть для вебпака какой-то плагин, чтобы я загружал просто картинки большие, а он сам генерил стили с размерами для разных устройств?
Eugeniy11.11.2016
11:49:51
11:49:51
Dmitriy11.11.2016
11:50:51
11:50:51
и то и то интересно
Eugeniy11.11.2016
11:50:59
11:50:59
Чет все ищут какие-то космические решения, плагины, по-моему все более просто решается
css - MQ
img - srcset
<img src="small.png" srcset="large.png 2x">
Dmitriy11.11.2016
11:52:26
11:52:26
а для css?
Google
Egor11.11.2016
11:52:47
11:52:47
pixel ratio
Alexander11.11.2016
11:52:52
11:52:52
media query
Dmitriy11.11.2016
11:53:29
11:53:29
можно пример, пожалуйста?
Eugeniy11.11.2016
11:54:34
11:54:34
@media screen
and (-webkit-min-device-pixel-ratio: 2)
and (min-resolution: 192dpi) { }
ну либо загугли media queries retina
Dmitriy11.11.2016
11:55:12
11:55:12
и так для каждого стиля с беграунд картинкой нужно доп стиль писать?
Eugeniy11.11.2016
11:55:56
11:55:56
ну если ты используешь какой-нибудь sass, то напиши миксин и все
типо +retina('img@2x.png')
в миксине пропишешь mq и не нужно будет копипастить
Dmitriy11.11.2016
11:58:24
11:58:24
я должен хранить два файла для картинки?
Eugeniy11.11.2016
11:59:05
11:59:05
ам, всм?
положи обычные картинки в папку, для ретина создай рядом к примеру папку и туда положи их, либо добавь префиксы и в 1 папку все складывай
Eugeniy11.11.2016
12:00:45
12:00:45
ну по поводу картинок есть какие-то плагины, для галпа точно помню что есть
кидаешь для ретины картинку
он делает 2 копии
1 для ретины - 1 ужатую в 2 раза
GoogleEugeniy11.11.2016
12:00:59
12:00:59
с префиксом
Dmitriy11.11.2016
12:01:43
12:01:43
у нас щас есть для favicon плагин, он вообще подо все что можно генерит картинки
вот что-то типа этого надо, но для беграунда
ну и чтоб css дополнял сам, конечно :)
Eugeniy11.11.2016
12:02:25
12:02:25
либо если используете скетч, то там тоже по-моему плагин есть для ассетов
выбираешь все - указываешь префикс - он сохраняет под ретину и под обычное
ну чтобы css сам дополнял хз - мб у postcss есть какой-то плагин
https://www.npmjs.com/package/postcss-at2x
[Anonymous]11.11.2016
12:52:39
12:52:39
какие есть плагины/воркфлоу для корректной работы с аналитикой в стеке webpack+babel? для гугла есть https://github.com/googleanalytics/autotrack , для yandex'a, вк и фб подобного не нашел.
Ҫѐҏӗѫӑ11.11.2016
13:19:13
13:19:13
тут еще есть кто-то, кто сомневается что Штальц упоротый?
у меня для таких есть кое-что
https://github.com/staltz/comver
Konstantin11.11.2016
13:20:43
13:20:43
Ну так нефиг патчи плодить, пиши сразу правильно)
Dmitry11.11.2016
13:24:30
13:24:30
Кто знает? Существует ли beautify для Stylus
Leonid11.11.2016
13:25:27
13:25:27
https://github.com/staltz/comver
Вообще мыслит в правильном русле. И underscore и недавно lodash напарывались на такую вещь и говен было немало(у дальтона поменьше т.к. он сразу закрывает issue и лочит комменты)Eugeniy11.11.2016
13:27:42
13:27:42
Dmitry11.11.2016
13:27:58
13:27:58
Именно stylus код
Ҫѐҏӗѫӑ11.11.2016
13:28:16
13:28:16
Вообще мыслит в правильном русле. И underscore и недавно lodash напарывались на такую вещь и говен было немало(у дальтона поменьше т.к. он сразу закрывает issue и лочит комменты)
можно просто такой бейдж добавлять
https://img.shields.io/badge/will%20it%20affect%20me%3F-maybe%20will-yellow.svgGoogleLupsick11.11.2016
14:18:43
14:18:43
можно просто такой бейдж добавлять
https://img.shields.io/badge/will%20it%20affect%20me%3F-maybe%20will-yellow.svg
из этой хуйни надо стикеров наделатьRonan11.11.2016
15:21:45
15:21:45
Хочу пойти на эти курсы http://frontend-science.com/react/, стоит или нет?
Vladimir11.11.2016
15:28:18
15:28:18
> http://frontend-science.com/react/#mentors
первый раз вижу этих людей
Grigory11.11.2016
15:28:54
15:28:54
Думаю, что лучше просто сесть и написать прилагу. Пользы будет больше.
Anastasia11.11.2016
15:30:54
15:30:54
Я бы ничего не проходила на frontend-science в принципе
Sergey11.11.2016
15:32:24
15:32:24
Еще и лицензия временная
Evgeniy11.11.2016
15:34:36
15:34:36
Перед тем как башлять, тут есть видос по React от Поршневой (ведущая курса). В целом хорошо и бесплатно)
https://www.youtube.com/watch?v=mYvdeFfZ_NE
А вот платить, я хз. Решай сам)
Vladimir11.11.2016
15:40:55
15:40:55
кусочки es7 синтаксиса
Ches11.11.2016
15:58:41
15:58:41
да, классное видео, я смотрел
Перед тем как башлять, тут есть видос по React от Поршневой (ведущая курса). В целом хорошо и бесплатно)
https://www.youtube.com/watch?v=mYvdeFfZ_NE
А вот платить, я хз. Решай сам)
Ave11.11.2016
15:59:01
15:59:01
видос у них норм
Ches11.11.2016
15:59:44
15:59:44
знает еще кто похожие видео где делают приложение на реате и ноде?
code4aman11.11.2016
16:05:35
16:05:35
Разные топики ж, на англ много должно быть
YOda11.11.2016
16:16:33
16:16:33
Всем привет, кто нибудь сталкивался с проблемой при использовании webpack не может забилдить jsx в связке node.js и react.js ?
Timur11.11.2016
16:18:52
16:18:52
Народ, помогите установить и настроить Babel в WebStorm для компиляции ReactJS.
Настроить на отдельный проект получается, но каждый раз скачивать 130 мб файлов из за команды npm install —save babel-preset-es2015 как то не айс. Можно ли как то установить один раз и все?
Artyom11.11.2016
16:19:46
16:19:46
npm install -g
Pavlo11.11.2016
16:19:50
16:19:50
Это нормально, у каждого проекта свои зависимости.
Timur11.11.2016
16:20:29
16:20:29
Это нормально, у каждого проекта свои зависимости.
Какие зависимости? Мне просто нужен компилятор и всеArtyom11.11.2016
16:21:49
16:21:49
@YOda посмотри react-starter-kit
GoogleTimur11.11.2016
16:23:07
16:23:07
Пусть все проекты используют компилятор из одного места. Зачем каждому проекту отдельный компилятор?
Eugeniy11.11.2016
16:24:17
16:24:17
Пусть все проекты используют компилятор из одного места. Зачем каждому проекту отдельный компилятор?
У вас много проектов?) Какая-то экономия на спичкахVladimir11.11.2016
16:24:41
16:24:41
Eugeniy11.11.2016
16:25:02
16:25:02
Просто лишние 20-40 метров на диске не думаю, повлияют на что-то
Artyom11.11.2016
16:25:24
16:25:24
всякие Babel кладутся в devDep
так что можно иметь и глобальную установку и локальную под каждый проект, если необходимо
Vladimir11.11.2016
16:25:37
16:25:37
чтобы ты мог дать свой проект другому разрабу
Timur11.11.2016
16:25:39
16:25:39
всякие Babel кладутся в devDep
так что можно иметь и глобальную установку и локальную под каждый проект, если необходимо
Как сделать глобальную установку?Vladimir11.11.2016
16:26:01
16:26:01
и он могу установить все зависисомти с помощью одной команды npm install
Vladimir11.11.2016
16:26:43
16:26:43
без package.json ему нужно делать npm start, npm install, пока не установит всё, что ты не добавил в package.json
Открыть в Telegram