Ребзя,зачем нужны styled-comoponents?Чет читаю доку и въехать не могу

https://github.com/artalar/blog/blob/master/src/pages/styled-components-part-1-the-new-architecture.md

Пока писал вопрос, во всем разобрался, полезный чатик, спасибо))

ну если мне надо один button застились в компонетне,как это сделать?Кнопка должна быть отдельным комопнетом?

Да, забудь про класснеймы и каскад

Да, забудь про класснеймы и каскад

чет как-то больно такое слышать

https://stackoverflow.com/

чет как-то больно такое слышать

Ты уже в курсе, что их в файл нельзя экспортировать?

чет как-то больно такое слышать

hard to swallow pills

Ты уже в курсе, что их в файл нельзя экспортировать?

Теперь ещё больнее

тут без литра смузи,не разобраться

Andriy Bashuk, [Apr 2, 2018 at 8:52:09 PM]: Привет ребят. Может кто сталкивался, moment.js не работает с Safari как с chrome. Как решить этот вопрос?

ну если мне надо один button застились в компонетне,как это сделать?Кнопка должна быть отдельным комопнетом?

делаешь кнопку на базе стандартной типа styled.button`и погнал тут стили нарезать`

делаешь кнопку на базе стандартной типа styled.button`и погнал тут стили нарезать`

Лучше styled('button')`` Есть предпосылки что шорткат апи депрекейтнут

Andriy Bashuk, [Apr 2, 2018 at 8:52:09 PM]: Привет ребят. Может кто сталкивался, moment.js не работает с Safari как с chrome. Как решить этот вопрос?

для чего момент юзаешь?

тут без литра смузи,не разобраться

Разберёшься и потом весь проект будет в Styled-Components.

делаешь кнопку на базе стандартной типа styled.button`и погнал тут стили нарезать`

Да уж,сложно джуну во всем этом разобраться,спасибо

в голосину, спасибо)

Лучше styled('button')`` Есть предпосылки что шорткат апи депрекейтнут

спасибо что сказал, я такой формой редко пользуюсь, но раз попросили бутон, то почему нет :))

для чего момент юзаешь?

В chrome все работает, в safari не

Лучше styled('button')`` Есть предпосылки что шорткат апи депрекейтнут

Чем вызвано? extend я могу понять, но шоткат удобно ведь.

формат на вход, таймстемп?

Andriy Bashuk, [Apr 2, 2018 at 8:52:09 PM]: Привет ребят. Может кто сталкивался, moment.js не работает с Safari как с chrome. Как решить этот вопрос?

в сафари ест ьодна маленькая проблема

в сафари ест ьодна маленькая проблема

Какая?

формат на вход, таймстемп?

Нет

сафаря не умеет парсить дату типа '2018-04-02 21:01:39'

сафаря не умеет парсить дату типа '2018-04-02 21:01:39'

Уже горячо

ему обязательно надо там Т букву впендюрить между дайтои временем

сафаря не умеет парсить дату типа '2018-04-02 21:01:39'

У меня как раз такой формат

'2018-04-02T21:01:39'

вот так он распарсит тебе

'2018-04-02T21:01:39'

И что можно с этим сделать?

вставляй Т всегда перед парсингом

Чем вызвано? extend я могу понять, но шоткат удобно ведь.

Возможно будет быстрее, и меньше места занимать

потому что это стандарт такой

хром и файрфокс плевали на стандарт и парсят все подряд

а сафари капризный зараза

не люблю его за это

сафари не работает -

межлу датами

пройдись регуляркой и замени

сафари не работает -

Уже изменял на /

не сработало

тогда т

либо мануально

межлу датами

2131-31-12 заменил на 2131/31/12 12:21:21 формат

dateString.replace(/ /g,"T")

dateString.replace(/ /g,"T")

Пробую)

и таймзону

Z в конец еще

таймзона не обязательна там

он по умолчанию локальную браузера возьмет

ребят, кто шарит прям хорошо в styled component, могу я в личку написать?

буквально пара вопросов

да не ссы пиши сюда

да тупые)

солдат ребенка не обидит

короче

тут все такие — все ок

const line = styled.div ` display: inline-block; height: 1px; width: 139px; margin-top: 22px; transform: scaleY(-1); background-color: #BBBBBB; box-shadow: 0 0 2px 0 rgba(13,117,109,0.37); `;

инлайн блоки в 20!8?

сеня иди в жопу, пожалуйста

либо перефразируй доебку в совет

=)))

я совсем зеленый

ERROR: S client not available

суть в том что в css получалась линия такая

color: green

я совсем зеленый

юзай флексбокс пожалуйста

либо с такими вопросами вообще в цсс чат

так он у меня во флекс контейнре

а в реакте линии нет

тогда твой дисплей перетрется на флекс-чайлд в любом случае

ну а как мне линию сделать чтоб было вот так —------------ текст —------------

before after

before after

как это сделать в styled-com?

styled('div')` &:before {}`

а линию?

ну вот собствено в before делай линию

и в after

https://css-tricks.com/line-on-sides-headers/

на

вот так? const ico_text = styled.h1 ` margin-top: 0px; margin-left: 20px; margin-right: 20px; margin-bottom: 0px; font-size: 44px; &:after { content: " "; height: 1px; width: 139px; margin-top: 22px; transform: scaleY(-1); background-color: #BBBBBB; box-shadow: 0 0 2px 0 rgba(13,117,109,0.37); }

хм... это похоже на реакт :))

кстати о птичках, как там на styled-component сделать ref?

хм... это похоже на реакт :))

а я и спрашивал про реакт

кстати о птичках, как там на styled-component сделать ref?

как и везде React.forwardRef

forwardRef это разве не новая фича 16-го реакта?

так он вышел уже

а в 15.6.2 значит никак не сделать?

без форварда

кстати о птичках, как там на styled-component сделать ref?

innerRef

Форвард эт просто модно

Что не делать коллбэк

Я как-то собирал массив рефов

Так себе удовольствие

Реакт джиквери

а jquery То зачем?