
Cenator
15.02.2018
20:51:50
а, допер

Dmitry
15.02.2018
20:51:50
сам код сервера ничем не проганяется
ну вообще ничего страшного в этом нету, но у меня это жуткий ботлнек
сделало

Google

Dmitry
15.02.2018
20:52:29
из-за того что криво настроены линки и зависимости, для подпакетов, то в каждый из модулей в депенденси ставится реакт и реакт дом, а так как мы делаем линк с другой папки, то у каждого пакета свои нод модули и это выглдит как будто у каждого пакета своя версия реакта, и в дев режиме тянется около 5 версий реакта
а на сервере там еще доп модули и из-за какой-то кривой настройки для каждого серверного модуля тянется corejs и выходит при серверном билде около 13 кор жс модулей
и проект мог собираться за 5 секунд, но собирается 60

Cenator
15.02.2018
20:55:31
жесть

Dmitry
15.02.2018
20:56:24
я пока это не допер думал вендор чанки сделать с вебпаком
вынести реакт в вендор
но вот что вышло
внимание на react-dom

Никита
15.02.2018
21:11:50
Народ, вопрос по styled components
1 Возможно ли применить ко всем свойстам !important? чтобы не писать
color: red !important; background-color: yellow !important; ...
a один раз написать
color: red; background-color: yellow; ... и на выходе получить !important
2 обернуть все стили во что-либо
#mysexywidget & { color: red; background-color: yellow; ... }
написав толькао color: red; background-color: yellow; ... ?

Dmitry
15.02.2018
21:14:16
ты идешь по скользкой стезе

Никита
15.02.2018
21:17:06
я молодец
но вопрос в силе

Google

Cenator
15.02.2018
21:17:37
дальше сам

Никита
15.02.2018
21:18:16

Cenator
15.02.2018
21:21:57
я тя люблю
вообще можно и через ; сплитить, так даже лучше

Никита
15.02.2018
21:22:23
ну эт не совсем подходит так как есть вложенные стили - но смысл я уловил, спасибо
просто обращаться как со строкой
хотя я вот тут подумал - твой вариаент сложнее/дольше/трудозатратней, чем просто везде указывать !important и оборачивать, я имел ввиду один раз гдет указать и потом использовать)

Cenator
15.02.2018
21:28:20
так ты миксин создай

Алексей
15.02.2018
21:30:59

Никита
15.02.2018
21:31:40
если я так делаю значит так надо
и второй вопрос должен был тебе намекнуть что я делаю это там где это необходимо

Dmitry
15.02.2018
21:42:04

Nikolay
15.02.2018
21:46:25
Отцы, дайте че годное почитать о практиках разруливания локального стейта и внешнего у компонентов.

Dmitry
15.02.2018
21:49:30

Mike
15.02.2018
21:49:32

Dmitry
15.02.2018
21:49:33
от даньки

Nikolay
15.02.2018
21:53:59
А теперь по тем или иным причинам понадобилось провязать его со стором.

?????∞?
15.02.2018
21:54:38

Никита
15.02.2018
21:55:14

Google

?????∞?
15.02.2018
21:55:21
нет, не бывает

Nikolay
15.02.2018
21:55:38
Провязать обоими концами соот-но. И вот вопрос: что в этом случае происходит с локальным стейтом?

Сергей
15.02.2018
21:55:41

Никита
15.02.2018
21:55:52
а если я докажу?

Сергей
15.02.2018
21:55:56
ану

?????∞?
15.02.2018
21:56:00
ну-ка

Dmitry
15.02.2018
21:56:01
мне тоже интересно

Никита
15.02.2018
21:56:02
код на чужом сайте
кушайте

Алексей
15.02.2018
21:56:32
кушайте
как ты собираешься вставлять свой код на чужой сайт?

Dmitry
15.02.2018
21:56:45
и что что он на чужом сайте ?
есть варианты изоляции стилей получше

Алексей
15.02.2018
21:57:19
и что что он на чужом сайте ?
а что мешает тогда добавить свой класс, который будет приоритетней? если уж у тебя есть доступ к коду на другом сайте?

Nikolay
15.02.2018
21:57:26
Уйдите в цсс-чат или ответьте на мой вопрос по реакту :))

Никита
15.02.2018
21:57:27

Алексей
15.02.2018
21:57:31
ты какой-нить сниппет пишешь или приложение для chrome?

Никита
15.02.2018
21:57:49

Dmitry
15.02.2018
21:58:02
ну если тебе надо изолировать свой апилкейшин, то инжектишь его на чужой сайт через айфрейм, а в код сайта встраиваешь жс который через пост меседжи нужную инфу передает

Никита
15.02.2018
21:58:28

Dmitry
15.02.2018
21:58:45
а какая разница попап это или не попап ?

Google

Никита
15.02.2018
21:58:51
ну так скажи

Dmitry
15.02.2018
21:59:31
ну крч если тебе надо 100% изоляция, то лучше юзать айфрейм и добавить обертку жсную на сайт
как например google drive picker

Никита
15.02.2018
21:59:56
я тебе задал вопрос на который ты не дал ответ
и еще продолжаешь спорить

Dmitry
15.02.2018
22:00:40

Никита
15.02.2018
22:00:56
и что это даст?

Dmitry
15.02.2018
22:01:53
твой апликейшин в айфрейме будет изолирован от сайта и ничего не сломается внутри него
вот тебе

Никита
15.02.2018
22:02:18
а как мне попап вывести поверх сайта?

Dmitry
15.02.2018
22:02:20
поап

Никита
15.02.2018
22:02:29
ну так попап же не в iframe
iframe в попапе

Dmitry
15.02.2018
22:03:15
вот тебе
айфрейм

Никита
15.02.2018
22:03:22
ну и?
он в попапе
что ты мне доказываешь то?

Google

Никита
15.02.2018
22:04:03
стили для попапа то на стороне сайта

Dmitry
15.02.2018
22:04:06
ладно иди херачь свои импортанты
ну только для попапа

Никита
15.02.2018
22:04:38
умница
а я еще могу привести пример кроме попапа - выпадающий список чтобы не обрезался как ты его сделаешь?

Dmitry
15.02.2018
22:08:30
Да, нафигачить импортанотов будет самым верным и целесообразным вариантом

Никита
15.02.2018
22:08:47
их не много надо но надо

Дмитрий
15.02.2018
22:31:53
Эээ
Лол

rbsx
15.02.2018
22:40:10

Nikolay
15.02.2018
22:40:29
Как провязывать я знаю. Вопрос не в этом же))

rbsx
15.02.2018
22:41:52
ну тогда вопрос задай конкретно
по описанию этого достаточно чтоб решить твою проблему

Nikolay
15.02.2018
22:48:46
Еще раз. Есть некий компонент с локальным стейтом. Пусть например это будет чекбокс. Помимо этого у него есть пропсы (вкл/выкл и хендлер на изменение).
Я делаю коннект к стору, и кликаю по чекбоксу. Срабатывает внутренний метод:
handleClick = (...) => {
this.setState({isChecked});
this.props.onChange({isChecked});
}
Сначала он обновляет стейт локально, а потом компонент перерисуется после отработки ui-редьюсера.
Вопрос в том, какие существуют хорошие практики для таких кейсов.