@react_js
Denis28.06.2017
07:08:28
07:08:28
Красота же
Сергей28.06.2017
07:09:15
07:09:15
Gleb28.06.2017
07:09:43
07:09:43
Так, а если мне вот тоже самое нужно будет сделать для Col не занова же мне в Col проделывать тоже самое
Сергей28.06.2017
07:09:44
07:09:44
https://eng.uber.com/m-uber/
GoogleСергей28.06.2017
07:09:53
07:09:53
Gleb28.06.2017
07:10:16
07:10:16
А так я вот и с самого начала имел ввиду это
то есть должен быть тогда styled.div
от него Row и Col
Denis28.06.2017
07:10:38
07:10:38
Const row = Base.extend
Gleb28.06.2017
07:10:40
07:10:40
так тогда прям по уму
Сергей28.06.2017
07:10:47
07:10:47
Denis28.06.2017
07:10:52
07:10:52
А в бейз логика по отступам
у меня компоненты типографики так работает
Наследует дефолты и режим contrast
Плюс через контекст тоже ловит проп contrast
GoogleGleb28.06.2017
07:13:03
07:13:03
Ну в моем так случае базовый это div? ведь не верно col от row наследовать
Denis28.06.2017
07:13:09
07:13:09
Чтобы в родителе задать и не париться с прокидыванием детям
Сергей28.06.2017
07:13:13
07:13:13
Denis28.06.2017
07:13:33
07:13:33
В твоём случае базовый это const Base = styled.div
Denis28.06.2017
07:14:06
07:14:06
Это не темная тема, это брендовые элементы с контрастными фонами
Gleb28.06.2017
07:15:07
07:15:07
А что если нет прямого доустпа к компонентам?
Скажем вот такой вынужденный вариант валидный вообще?
const MenuNavbar = styled(Navbar)`
max-height: 60px;
background-color: rgba(215, 215, 215, 1);
@media (max-width: 991px) {
.navbar-collapse.collapse {
display: none !important;
}
.navbar-collapse.collapse.in {
display: block !important;
}
}
`;
Я про медиа ниже
Сергей28.06.2017
07:15:43
07:15:43
Denis28.06.2017
07:16:12
07:16:12
Ты стилизуешь готовую либу?
Gleb28.06.2017
07:16:20
07:16:20
Но они к сожалению есть в бутстрапе, а верстка пока что очень прототипная, т.е чистый бутстрап + bootstrap-react
Да выходит что стилизую
Denis28.06.2017
07:17:09
07:17:09
Валидный
Gleb28.06.2017
07:18:54
07:18:54
Вернее есть доступ к
Navbar.Collapse
Но там в бустрапе то оно идет
.navbar-default .navbar-collapse. ... и.тд
А еще меди квери там на коллапс с !important
Так что вообще конечно сомнительно использовать наверное тут styled-components ?
Иван
Ostap28.06.2017
07:20:21
07:20:21
Я в общем как говорится не настоящий сварщик. Но у меня такая история вышла. Сначала я не мэпил дату на экшены и не раскидывал дату по моделям и модели в сторы в мобкс(как в туториале мобкс про организацию сторов). Потом начал какие то отдельные куски так делать. В какой то момент форкнулся и решил переписать весь аплик, когда всю дату мэпю и загоняю в модели в сторы (по сути дублировал аполовский стор в мобкс). Так вот сначала затупил с организацией сторов. Если кто ответит мне тут https://stackoverflow.com/questions/44499219/how-to-organize-a-relatively-large-amount-of-mobx-stores то будет клево. Но потом вроде эту проблему решил. Сделал все красиво. Потыкал приложение, посмотрел что все стало медленней, попытался дебажить (целых минут 5 посмотрел в мобкс дев тул), забил и откатился назад. Такой день.
То что ты описал - у тебя проблемы с dependency injection. mobx-state-tree решает тем что там есть немного больше ограничений и встроеный DIDenis28.06.2017
07:20:40
07:20:40
У тебя нет то вариантов особо
Любое ксс ин джс всегда интегрируется с дефолтным подходом с оверхедом
Google
Андрей28.06.2017
07:21:55
07:21:55
Gleb28.06.2017
07:22:14
07:22:14
немного просто уже мораль упала а то пока так делал, хотел найти подтверждение что иначе оно в целом никак
Denis28.06.2017
07:22:36
07:22:36
+2 к морали
Daniel28.06.2017
08:27:38
08:27:38
Dmitry28.06.2017
08:28:13
08:28:13
ельм для лендосов - звучит не очень прибыльно
kana28.06.2017
08:29:29
08:29:29
Так а в чем проблема писать на елме, если все равно писать в елмовом стиле? На js это выглядит намного страшнее, нет поддержки компилятора, adt, нормальных типов. Для меня больные это как раз те, кто пытаються так писать на js
Dmitry28.06.2017
08:30:11
08:30:11
Проблема писать на ельме это писать на ельме
Denis28.06.2017
08:30:13
08:30:13
Лендос на хаскеле
kana28.06.2017
08:30:16
08:30:16
elm как язык крайне примитивен и его можно освоить за час
Denis28.06.2017
08:30:54
08:30:54
Тем кто верстает лендосы?
kana28.06.2017
08:31:07
08:31:07
Я проводил экспремент с людьми, которые далеки от хаскеля
Denis28.06.2017
08:31:36
08:31:36
Там джс на уровне как сложить 2+2 а тут про елм
kana28.06.2017
08:31:53
08:31:53
Ну так elm же проще js...
Denis28.06.2017
08:32:16
08:32:16
В твоём мире что-то сломалось )
kana28.06.2017
08:32:42
08:32:42
Ладно, я подумаю над этим)
Denis28.06.2017
08:32:49
08:32:49
Сабсет требуемых знания для написания лендоса на джс и на елме разнятся в разы
GoogleDenis28.06.2017
08:33:18
08:33:18
Ща бы каррировать для анимации попапчика
Dmitry28.06.2017
08:33:58
08:33:58
А тут монаду для карусельки
Daniel28.06.2017
08:34:00
08:34:00
Щас бы учить язык, когда можно вообще лендос без фреймворков написать
Denis28.06.2017
08:34:04
08:34:04
)))
Dmitry28.06.2017
08:34:31
08:34:31
Щас бы учить язык, когда можно вообще лендос без фреймворков написать
Да, но тут просто профит в компонентном подходеда верстать как индус лендинги с джиквери это хорошо
AdminERROR: S client not available
Dmitry28.06.2017
08:35:05
08:35:05
но там реюз на уровне сtrl+c/ctrl+v
Denis28.06.2017
08:35:57
08:35:57
Лендосы продукт с низким ttl
Dmitry28.06.2017
08:37:06
08:37:06
Лендосы продукт с низким ttl
Но перестайливать и реюзать их будет проще если они как компоненты, а не как полотно говнокодаDenis28.06.2017
08:42:48
08:42:48
Ну для этого есть бутстрап
Stanislav28.06.2017
08:43:44
08:43:44
Какой смысл юзать фреймворки на простом лендинге?
Каждый блок в темплейт?
Denis28.06.2017
08:44:19
08:44:19
Отдать лендос индусам на 5й редизайн в сумме окажется дешевле чем создавать и имплементировать свою дизайн систему
Обдумывать spacing, theming и тд
Чтобы все это было модульно
Проще ляпнуть инла1н стили тут и там
Проверить что сошлось по макету
GoogleDenis28.06.2017
08:46:14
08:46:14
Если нужно переписать
Плюс дизайн система должна иметь ubiquitous language что в макете что в коде
Это значит плотный совместный труд дизайнеров и разработчиков
Dmitry28.06.2017
08:51:24
08:51:24
ех, шо ж так выходит что наговнячить дешевле, чем делать все как надо
KlonD9028.06.2017
09:00:11
09:00:11
Так-с все таки кто уже использует веб воркер для редукса?
Ywein28.06.2017
09:07:20
09:07:20
ех, шо ж так выходит что наговнячить дешевле, чем делать все как надо
Продукты с нулевой поддержкой да.Sergey28.06.2017
09:14:30
09:14:30
Сергей28.06.2017
09:15:41
09:15:41
в чем проблема писать
return { ...state, list: [...list, action.text] }
?
Maxim28.06.2017
09:16:38
09:16:38
Так-с все таки кто уже использует веб воркер для редукса?
форкнутые чайлды на бэкенде юзаю, а есть необходимость на фронте?Сергей28.06.2017
09:17:12
09:17:12
ну или в крайнем случае зачем менять проперти объекта
если можно
case REMOVE:
const list = state.list.filter(task => task !== action.text)
return Object.assign({}, state, { list })
Sergey28.06.2017
09:18:00
09:18:00
там такой стор
{
list:[]
other:[]
}
Сергей28.06.2017
09:18:00
09:18:00
вместо .push .slice всегда можно
const list = state.list.concat(action.text)
return Object.assign({}, state, { list })
Sergey28.06.2017
09:18:42
09:18:42
ок, спс за гуд практику
Сергей28.06.2017
09:19:10
09:19:10
в чем проблема писать
return { ...state, list: [...list, action.text] }
?
вот это короче и проще всегоно для этого нужен transform-object-rest-spread
Kir28.06.2017
09:33:25
09:33:25
Есть блок #container, в нем текст на котором висит свойство font-size: 4vh, как можно сделать что бы когда высота экрана была например меньше 600 текст переставал ресайзится
Сергей28.06.2017
09:33:50
09:33:50
Kir28.06.2017
09:35:48
09:35:48
А если страниц например 800, и на всех разные элементы на которых vh, разово можно отловить ? что бы не писать для кждого элемента медиа запросы
Stepan28.06.2017
09:35:58
09:35:58
Открыть в Telegram