а так да фууу

пишу инлайн стили, все норм

не, я больше к тому, зачем использовать css in js там, где это не нужно

styled-components тоже фуу пока не попробуешь писать на нем

не, я больше к тому, зачем использовать css in js там, где это не нужно

да хрен знает

styled-components тоже фуу пока не попробуешь писать на нем

я первые пару компонентов плевался

ох, жутковато всё. есть же scss, инклуды, переменные. попробую в этом направлении смотреть

зачем?

есть же styled-components, наследование, темы

да там реально бенафитов очень много

styled-components и все остальные css in js превращаются в инлайн стили. зачем это, если есть тема и стиль можно задать один раз в одном месте?

проблема лишь в том, что в другом проекте можно захотеть в этом месте другой стиль. и все

не, те собираются в отдельные стили а не инлайн

с темами я думаю имеется в виду так же конфигурация тем в интерфейсе

можно кроме props-api делать некое sass-api с дефолтными значениями

с темами я думаю имеется в виду так же конфигурация тем в интерфейсе

scss+include

но я не понимаю зачем так все усложнять когда можно просто style={{}}

не, те собираются в отдельные стили а не инлайн

те — styled-components? это интересно уже

но я не понимаю зачем так все усложнять когда можно просто style={{}}

ну а это уже просто инлайн)

ну да

но я не понимаю зачем так все усложнять когда можно просто style={{}}

слишком ограничено

как создать :before

в принципе раздел theming тут любопытный https://github.com/styled-components/styled-components#theming

хотя... надо подумать получше)

хук для className может делать то же самое, но будет в разы понятнее и не потребует учить новый апи

styled-components имеет ОЧЕНЬ сложный API и на его изучение потребуются месяцы

про слишком ограничено не понял

хук для className может делать то же самое, но будет в разы понятнее и не потребует учить новый апи

какой хук?

styled-components имеет ОЧЕНЬ сложный API и на его изучение потребуются месяцы

дело не в сложности нового апи, а в самом факте нового апи сдвиг парадигмы плюс неочевидный профит

какой хук?

Ну типа компонент <DatePicker /> позволяет передать класс каким-то элементам: <DatePicker containerClassName="yourClass" dayButtonClassName="yourButtonClass" />

как правило правда достаточно одного контейнер класса, чтобы всё что захочешь перестилизовать

вот и весь theming

ооооо! именно так я и думал делать поначалу)

как правило правда достаточно одного контейнер класса, чтобы всё что захочешь перестилизовать

ну у меня css-модули, потому во внутренние классы уже не влезешь

а ну да ну для reusable компонентов которые выкладываются в опенсорс или реюзаются между проектами возможно бем-нейминг имеет смысл

Но ещё круче если компонент даёт render хук :) Это правда конечно не для всех компонентов иметь смысл будет

> '\u21A9\uFE0F' < "↩️"

как обратное преобразование сделать?

\u21A9\uFE0F -> ↩️

decodeURI

'\u21A9'.charCodeAt(0)

?

❯ node > decodeURI('↩️') '↩️'

nope

как обратное преобразование сделать?

https://mothereff.in/js-escapes

https://github.com/mathiasbynens/mothereff.in/blob/master/js-escapes/eff.js

угу, спасибо

styled-components и все остальные css in js превращаются в инлайн стили. зачем это, если есть тема и стиль можно задать один раз в одном месте?

необязательно инлайн стили

может кто подсказать, в реакте приходят свойства я их пихаю в state они доступны и выводятся в консоли console.log(this.state.contract) но если обратится к полю то на выплевывает undefined?

может кто подсказать, в реакте приходят свойства я их пихаю в state они доступны и выводятся в консоли console.log(this.state.contract) но если обратится к полю то на выплевывает undefined?

как обращаешься, на что указывает контекст?

this.state.contract.contract_num

this.state.contract['contract_num']

this - это React?

Лол

есть вероятность, что ты контекст потерял

а тут можно троллить?

а никто ща не делает серверный рендеринг, но чтобы в случае если жс не загрузится то форма всёравно отправится. потому что она хтмл-форма ? Или это заморочка ?

или нужно ответами на вопросы отвечать только?

или нужно ответами на вопросы отвечать только?

тебе это зачем ?

:)))

а никто ща не делает серверный рендеринг, но чтобы в случае если жс не загрузится то форма всёравно отправится. потому что она хтмл-форма ? Или это заморочка ?

Делают, но не для фолбека на запрет js, а для того чтобы ускорить отображение контента

так изоморфия для этого и нужна

я про фоллбек спрашиваю.. это нормальная щас практика или исключение ?

так изоморфия для этого и нужна

это нахер не нужно, я про фолбек

или нужно ответами на вопросы отвечать только?

ок

а никто ща не делает серверный рендеринг, но чтобы в случае если жс не загрузится то форма всёравно отправится. потому что она хтмл-форма ? Или это заморочка ?

Для сложных контролов всё равно будет не то же самое, что через js отправляем Но стремление похвальное, и строить формы я считаю надо как раз так, как будто они будут отправлены без js. Как полезный ориентир просто

надо статистику собрать, сколько раз загрузка жса произведена не была

ERROR: S client not available

Хэндлить незагрузку js смысл вряд ли имеет, имеет смысл внедрять service workers

а потом не будешь ли страдать с вечным кешом ? :)

а никто ща не делает серверный рендеринг, но чтобы в случае если жс не загрузится то форма всёравно отправится. потому что она хтмл-форма ? Или это заморочка ?

я буду так делать

а ты думаешь, что один об этом кейсе подумал?:)

во. и я ща так делаю

Подскажите, как в webpack2 при System.import задать имя создаваемого чанка?

жс может не загрузиться по многим причинам

я буду так делать

А что там делать-то? В идеале всё отличие — добавить атрибут action к форме

А что там делать-то? В идеале всё отличие — добавить атрибут action к форме

хм

it depends

если у тебя нет апи, то да

ещё полям раздать неймы, и ещё на сервере обработчик замутить

если есть апи, то тогда обработчик замутить придётся на сервере

если у тебя нет апи, то да

Ну в апи редиректы на клиентские рауты ещё добавить

ещё полям раздать неймы, и ещё на сервере обработчик замутить

А что, ты этого сейчас не делаешь?

Плохо-плохо :)

Ну в апи редиректы на клиентские рауты ещё добавить

зачем это ресту?

А что, ты этого сейчас не делаешь?

чтобы управлять сложностью :)

чтобы управлять сложностью :)

Что-то непонятно

программирование - это управление сложностью. Если делать по идеалу то проект займёт год. Если по бырику то месяц

хеллоу, кто-нибудь юзает pug (jade) в связке с gulp?

хеллоу, кто-нибудь юзает pug (jade) в связке с gulp?

Использовал на прошлых проектах

не пойму что с pretty: true

не работает

херачит в 1 строку

мм, я для этих целей юзал beautify

в смысле разворачивал минифицированный jade-ом код с помощью beautify?

программирование - это управление сложностью. Если делать по идеалу то проект займёт год. Если по бырику то месяц

если делать формы по всем правилам, это только облегчит работу с ними handleChange у тебя как вообще работает?) Или ты какую-то библиотеку для форм используешь?

если делать формы по всем правилам, это только облегчит работу с ними handleChange у тебя как вообще работает?) Или ты какую-то библиотеку для форм используешь?

я пока не сталкивался с проблемой handleChange я новичок. И юзю PREACT там обычные дом-события на эту тему. А в чём заключается проблема ?

я пока не сталкивался с проблемой handleChange я новичок. И юзю PREACT там обычные дом-события на эту тему. А в чём заключается проблема ?

ну вот вводишь ты что-то в инпут как ты на это реагируешь?

не пойму что с pretty: true

Прочитай доку, подебажь сам pug, посмотри ишью

уже