кто как работает со стилями внутри компонента ? Styled-compnents ?

Да

кто как работает со стилями внутри компонента ? Styled-compnents ?

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

да тут много кто

Да

А есть возможность просто инклюдить css из внешнего файла в компонент ? чтобы не писать css в js ?

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

Конечно, можно, но мне кажется, что это overkill

А есть возможность просто инклюдить css из внешнего файла в компонент ? чтобы не писать css в js ?

можно, но зачем?

А есть возможность просто инклюдить css из внешнего файла в компонент ? чтобы не писать css в js ?

а зачем тогда styled-components вообще)

можно, но зачем?

ну мухи к мухам, коровы к коровам

ну мухи к мухам, коровы к коровам

Не, неверно

Как раз это отдельные компоненты

ну мухи к мухам, коровы к коровам

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

Там и пиши стили

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

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

или я че-то неправильно делаю

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

Что? const A = styled.div` ${stylesFromFile} `

Так?

а че так можно было ?)))

Спасибо

а че так можно было ?)))

А ты как делал?

import '../styles/containers/_hour.scss'

внутри компонента

Ну очевидно что ты никак не изолируешь скоуп

const Button = styled.button` background-color: yellow;`;

но я понял концепцию

спасибо !

но я понял концепцию

Да, делаешь атомы(кнопки, дивы, значьки) и из них собираешь молекулы

Да, делаешь атомы(кнопки, дивы, значьки) и из них собираешь молекулы

а вот это уже не очень понятно. мне казалось, что у меня есть просто файл со всеми стилями конкретного компонента и я просто через const A = styled.div` ${stylesFromFile} ` его импорчу

и все счастливы

Это не важно, главное чтобы каскада не было

каскад это body { wrapper { container{ ....

Да

без него ?

Да

типа никаких препроцессоров

Со стайледами я бы рекомендовал отказаться от них

интересно

Наведите на маленькую "I" возле вывода, и гляньте что там написано

Если ещё актуально

На сервере генерите json с полями и его храните

На морде получаете json и строите через асинхронные компоненты форму

Всё остальное костыли

Там будет что то типа "this was evaluated just now", а на момент действий он был пустым

вброшу пару полезных утилит npmjs.com/manpm npmjs.com/npm-quick-run npmjs.com/center-code stedolan.github.io/jq npmjs.com/npm-check

jq - неудачное название :)

вброшу пару полезных утилит npmjs.com/manpm npmjs.com/npm-quick-run npmjs.com/center-code stedolan.github.io/jq npmjs.com/npm-check

https://www.npmjs.com/package/npm-check-updates

jq - неудачное название :)

javascript query по факту именно это и делает

https://www.npmjs.com/package/npm-check-updates

npmjs.com/npm-check лучше будет, можно интерактивно обновить зависимости

npmjs.com/npm-check лучше будет, можно интерактивно обновить зависимости

Это разные вещи.

Это разные вещи.

не особо)

+ он не очень хорошо работает.

охуенно работает)

пользуюсь уже давно

И как у тебя он с resolve.modules работает?

У меня там корень указан и жопа.

Он столько херни пишет, шо пипец.

У меня там корень указан и жопа.

э никак))) я не лезу внутрь проекта

обновляю только то, что написано в package.json

А зачем тогда он нужен? И в чём отличие от ncu?

э

интерактивный апдейт

Мне не особо зашло, но гляну ещё раз.

Всё да, он лучше)

охуенно работает)

+

ERROR: S client not available

Вы open graph теги (og) как вставляете?

Вы open graph теги (og) как вставляете?

react-helmet

угу, спс

да, подойдет, спасибо ?

Добрый день. Есть такой массив: const icons = [ <CropSquare />, <TextFields />, <InsertPhoto />, <Collections /> ]; Можно ли в методе render в цикле вывести их всех, и каждому в пропсы задать onClick, key и прочие атрибуты?

React.Children. смотри в доке

Спс

Добрый день. Есть такой массив: const icons = [ <CropSquare />, <TextFields />, <InsertPhoto />, <Collections /> ]; Можно ли в методе render в цикле вывести их всех, и каждому в пропсы задать onClick, key и прочие атрибуты?

А что нельзя просто const icons = [ CropSquare, TextFields, InsertPhoto, Collections ] ??

И обычным мапом

Вычисляемых имен jsx тэгов вроде не сделали

Вычисляемых имен jsx тэгов вроде не сделали

А зачем?

Кто кладет их в массив вообще?

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

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

icons.map(Component => <Component onClick={myLovelyLovelyHandler}/>)

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

Мне интересно откуда массив берется

Этот, руками составляется в начале файла =)

icons.map(Component => <Component onClick={myLovelyLovelyHandler}/>)

Только в условии криэйтэлемент уже вызван

Этот, руками составляется в начале файла =)

А почему нельзя как я выше писал составить?

Только в условии криэйтэлемент уже вызван

ну типа, можно не вызывать

А что нельзя просто const icons = [ CropSquare, TextFields, InsertPhoto, Collections ] ??

Этот, руками составляется в начале файла =)

а зачем тогда их в массив запихивать?

И нормальным мапом пройтись и навесить

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

А то с твоим вариантом рендеры будут чаще

Неоч короче

Ой всё. Пошел говнокодить копипасту в render

Ой всё. Пошел говнокодить копипасту в render

Я тебе написал как лучше

Только в условии криэйтэлемент уже вызван

Ничего не вызывал, просто импортировал

Ничего не вызывал, просто импортировал

угловые скобочки в React.createElement транспилируются

внезапно

Все, понял теперь