Моя главная претензия что я не могу работать с цсс как с обычными объектами

ну как бы в коде нет кучи <div className={classnames(styles.foo, styles.bar)>

Это привычнее для фронтэндеров.

Моя главная претензия что я не могу работать с цсс как с обычными объектами

зачем?

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

только вот каша начинается, когда необходимы условия для отображения а так ты хранишь стили и их условия внутри css

только вот каша начинается, когда необходимы условия для отображения а так ты хранишь стили и их условия внутри css

Вот эти условия, есть примеры? Пока я не понимаю, как это мне может помочь.

Никак не поможет, когда надо писать сложные компоненты начнутся проблемы

Никак не поможет, когда надо писать сложные компоненты начнутся проблемы

уже пишу, проблем нет

Значит они не сложные

Как ты переопределяешь пропом стили у компонента ?

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

доказывать ничего не собираюсь

Как ты переопределяешь пропом стили у компонента ?

да, он делает именно так.

Не особо от сх отличается

Просто в другом месте мапаешь

Знакомое слово ?

разница в том, что я оперирую не классами, а пропами, и это внутри css

а зачем такое извращение? с проптайпсами не проще?

а зачем такое извращение? с проптайпсами не проще?

Чего?

а зачем такое извращение? с проптайпсами не проще?

предлагаю с примерами. А то вообще не понятна твоя позиция.

Мне, по крайней мере.

а зачем такое извращение? с проптайпсами не проще?

там может быть <S grow> а может быть <S grow={5}

разница в том, что я оперирую не классами, а пропами, и это внутри css

В этом конечно же плюс, но я понял что классы нужно добавлять в цепочку вместо каскада

В этом конечно же плюс, но я понял что классы нужно добавлять в цепочку вместо каскада

классов нет вообще, в плане прямого управления

Хотя в твоем примере с марджином он более гибок чем мой

предлагаю с примерами. А то вообще не понятна твоя позиция.

не совсем понял зачем typeof пропсов делать если PropTypes тоже самое делать, по сути но вариант с grow и grow={5} обьясняет

не совсем понял зачем typeof пропсов делать если PropTypes тоже самое делать, по сути но вариант с grow и grow={5} обьясняет

Пример?

Авто есть у марджина

зачем?

Зачем мне css внутри js, если я не могу работать с ними через js

Поэтому и делает

Почему не можешь?

Жсс позволяет

jss норм

Спор с совой про styled-components

не совсем понял зачем typeof пропсов делать если PropTypes тоже самое делать, по сути но вариант с grow и grow={5} обьясняет

не очень чисто выглядит конечно в проптайпс: grow: PropTypes.oneOfType([PropTypes.number, PropTypes.bool]),

не очень чисто выглядит конечно в проптайпс: grow: PropTypes.oneOfType([PropTypes.number, PropTypes.bool]),

Тебе все равно проверять надо, поэтому не подходит такой вариант

Самый базовый пример — Object.assign({}, basicCss, { buttonCss } )

Зачем мне css внутри js, если я не могу работать с ними через js

каждому своё, я не могу ужиться с css внутри js и со всеми вытекающими, вплоть до неглубокого каскада, необходимость в плагине для media

Тебе все равно проверять надо, поэтому не подходит такой вариант

проверка не уходит, просто есть это в пропсах

проверка не уходит, просто есть это в пропсах

А что ты с layout придумал?

Ии только row column?

Все это крутые штуки, но вот если честно, ни разу еще не пригодились такие вещи. Даже дейтпикеры приходится перелапачивать, потому что такого какой нужен нет, со всеми свистелками и хотелками заказчика(

+1

iCoderXXI (0) плюсанул в карму Melongeno (1.0)

каждому своё, я не могу ужиться с css внутри js и со всеми вытекающими, вплоть до неглубокого каскада, необходимость в плагине для media

Какой плагин для медиа выражений?

В jss работает из коробки

ребят, подскажите хороший туториал по вебпаку

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

Layout умеет поворачивать ось

Там беда в том что он является и строкой и колонкой одновременно

По факту нужен только для семантики и индента

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

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

ты больше фронтом занимаешься, или с логикой и данными тоже работаешь?

Под "фронтом", в данном случае, я подразумеваю внешний вид.

ты больше фронтом занимаешься, или с логикой и данными тоже работаешь?

Всем занимаюсь. В данный отрезок времени пишу библиотеку компонентов

А что предпочитаешь?

Вторая дрим джоб за сегодня уже :)

Вторая дрим джоб за сегодня уже :)

Да ладно, может, ему не нравится и ему тяжело там...

Я со своей колокольни говорю)

А что предпочитаешь?

Нет предпочтений в этой области

Я со своей колокольни говорю)

что тебе мешает делать то, что тебе нравится?

народ, передавать стрелочные функции в кб (onClick например) плохо же?

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

ERROR: S client not available

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

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

что тебе мешает делать то, что тебе нравится?

Я не сказал, что мне это не нравится

народ, передавать стрелочные функции в кб (onClick например) плохо же?

хз, главные фичи стрелочных функций - сохранение контекста, главные ограничения - отсутсвие списка arguments. Я не вижу проблем при использовании стрелочных функций, только плюсы

народ, передавать стрелочные функции в кб (onClick например) плохо же?

Чем?

народ, передавать стрелочные функции в кб (onClick например) плохо же?

если в рендере в jsx, то да. а так нет

Чем?

https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/jsx-no-bind.md

https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/jsx-no-bind.md

в этом случае да

Всем привет! Что посоветуете для типизации проекта *stateless components + recompose + redux*, flow или typescript?

flow

flow

В чем преимущества для данной конфигурации по сравнению с TS?

в этом случае да

а как мне тогда сделать если у меня внутри map компонент, но он кастомизируется через children. получается <Component props><Button onClick={this.onClick} /></Component> и мне нужно в onClick передать некоторые аргументы. запилить Button в отдельный компонент и там внутри сделать коллбек?

да

короче проблема использования bind в jsx почти всегда решается с созданием компонента дополнительного

ну я думал может есть какой нибудь вариант попроще

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

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

хм... Мне тоже интересно.

function some () {} export const MyComponent = (props) => ... {some} ...

не всегда подойдет, знаю

просто напоминаю про возможность

всем привет, подскажите пожалуйста, здесь можно задавать вопросы начинающему? ) по мере освоения react, или тут профи...

всем привет, подскажите пожалуйста, здесь можно задавать вопросы начинающему? ) по мере освоения react, или тут профи...

Можно, как иначе ты станешь профи?

) спасибо

иду по мануалу react_course, там говориться про getInitialState, но в оф.доке по моему такого нет, там на конструкторах я так понял, Т.е. получается getInitialState устаревшее?

конструкторы для синтаксиса es6

иду по мануалу react_course, там говориться про getInitialState, но в оф.доке по моему такого нет, там на конструкторах я так понял, Т.е. получается getInitialState устаревшее?

getInitialState если используешь createClass, constructor если es6 классы

ок, спасибище!

Может кто-нибудь знает. Возможно каким-нибудь образом осуществлять запросы к внешнему backend при использовании server side rendering (nodejs + express)? Например, чтобы вернуть страницу с уже загруженными данными? Или так вообще не делают?

пытаюсь использовать fetch на сервере, но он асинхронный

пытаюсь использовать fetch на сервере, но он асинхронный

И? В чем проблема то? Ты хочешь чтобы он тебе ивентлуп блокировал?

пытаюсь использовать fetch на сервере, но он асинхронный

юзай npmjs.com/redial

нет проблемы. я примерно так и думал про блокировку

И? В чем проблема то? Ты хочешь чтобы он тебе ивентлуп блокировал?