а можно настроить css modules чтобы применять один класс через них в шапке компонента а дальше в нем ставить простые классы типо "buttons", "logo" и все работало? а в scss использовать вложенность, и если она очень большая то делить на несколько классов и добавлять их через css modules. надеюсь понятно...

а то что то не работает так

:local

.header { ... ... .logo { } } div className={styles.header} ... ... div className="logo"

:global .logo {

хорошая практика будет сразу на второй строчке в scss писать :global ? вроде удобно

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

А заводил кто-нибудь ssr с system.import/import ?

https://github.com/mrsum/react-redux-boilerplate

+ спасибо

https://github.com/zeit/next.js

+ спасибо

Насколько в рендере плохо делать какие-либо вычисления?

Наверное не стоит в рендере высчитывать проекцию точек, а вытащить это в тханк или сажу

кармабота удалили?

видимо

Ребят, не получается импортировать компонент.. что я делаю неправильно?

аа

кажется понял )

Проблема в компоненте Card

проблема не здесь

скинь код Card компонента, может забыл export default написать где-т

А разве можно так в консоль просто компонент передать?

скинь код Card компонента, может забыл export default написать где-т

+

Если я делаю запрос к серверу за геоданными, и потом нужно к ним применить выбранную проекцию, наверное лучше делать через saga, если данные пришли без проекции

А разве можно так в консоль просто компонент передать?

можно даже не в теле класса

скинь код Card компонента, может забыл export default написать где-т

он большой, сейчас через pastebin кину

А разве можно так в консоль просто компонент передать?

да, если используешь react-dev-tool то даже можешь экземпляр глянуть класса

https://gist.github.com/ababba15/0f598d17341a91da7f57b9817be9b830

гист

воу

CSSClassnames у меня объект.

на него может ругяться?

если ты его как компонент используешь то да

ошибка в этом, React ожидает класс/функцию

300+ строк на компонент это прям...

получает объект, скорее всего ты где т пишешь <Component /> а Component у тебя объект/инстанс класса

хм, буду копать. это точно не CSSClassnames

нужно {Component} в данном случае

Это ты про что именно?

если Component это инстанс класса а не класс, в jsx его нельзя использовать как тег

https://gist.github.com/ababba15/0f598d17341a91da7f57b9817be9b830

а то, что компонент экспортится до того, как объявляются некоторые статические свойства - это ничего?

ничего

Это не мой код (естественно). Это Grommet UI. Хочу взять его за основу и стилизовать компоненты по-своему.

Его делали в Hewlett Packard, по идее все должно быть рабочее..

3 объекта есть, круг сужается )

а не проще было в одном console.log вывести?

console.log({ classnames, Props, Box,

сразу бы узнал что не так

попробую сейчас

хорошая практика будет сразу на второй строчке в scss писать :global ? вроде удобно

по css modules)

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

это больше про нейтив, конечно, но я решил что вы тоже можете порадоваться

хорошо написано

но Native тоже опенсорц

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

ERROR: S client not available

прямое опровержение модной идеи про everyone should learn to code

В чём-то он прав

В чём-то он прав

во многом, особенно насчет оптимизации фейсбука. Когда фейсбук купил инстаграм и перефигачил УЙ, тот стал тормозным до жути

но за андроед чувак не в курсе походу

Да и что не только фейсбук закрывает свои апи время от времени

Привет, кто-то может что-нибудь хорошее сказать в пользу css модулей?

вот что странно, я передаю строку, а маркдаун думает что это не строка...

извините, заспамил тут своими скринами

а PollBot отключен?

Юзай @vote

Как вы задаете propTypes и defaultProps для компонентов при помощи static внутри класса – 14 ??????? 64% задаю в качестве свойства класса – 5 ??? 23% все эти ваши ES2015+ классы от лукавого, использую createClass – 3 ?? 14% ? 22 people voted so far.

а я вообще больше функциями пишу, нет такого варианта(

а я вообще больше функциями пишу, нет такого варианта(

ну вряд ли можно все написать только через stateless (функциональные) компоненты, все равно где-то используются классы?

ну мы же в общем спрашиваем, было бы крутой такой вариант прописать)

ну вряд ли можно все написать только через stateless (функциональные) компоненты, все равно где-то используются классы?

Можно все написать функциями

а я вообще больше функциями пишу, нет такого варианта(

а в функциях как указываешь propTypes? Как свойства или используешь другие способы?

как свойство функции)

@iamstarkov +1)

Как обновить пропсы у элемента, если они изменяются кодом(не реактом). Заного создавать элемент с новыми пропсами, и перерендеривать?

Ребят, так нельзя?

импорт статический. хотя мож вебпак так сможет

вроде ж где то писали что можно алиасы делать для импортов

вроде ж где то писали что можно алиасы делать для импортов

гуглю пасиб

гуглю пасиб

https://reactnatve.wordpress.com/2016/06/16/alias-in-react-native/ вроде как похоже

а в функциях как указываешь propTypes? Как свойства или используешь другие способы?

как свойства функции

ну и recompose