@react_js - страница 585 - Telegram web archive

структура проекта такая: - client/ -- app.js - public/ - server.js в server.js использую такой код для доступа к картинкам app.use(express.static(path.join(__dirname, './public’))); в app.js использую такой: <img src={"/" + this.state.logo} alt="Лого игры" className="img-fluid" /> Компилится он в такой вид и ничего не показывает. Как сделать правильный вывод изображения?

Дмитрий

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

Там конечно же есть js рантайм, если использовать linaria/react, но это 20 строк кода, а не целый компилятор CSS как у некоторых

Phil

зачем эти styled componets, emotion, linaria?

Дмитрий

зачем эти styled componets, emotion, linaria?

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

Phil

я чет начитался про это все и только запутался( Во вьюхе юзал sass и все было хорошо

еще и css modules юзать можно?

Дмитрий

еще и css modules юзать можно?

Конечно можно, никто не запрещает

Phil

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

замена scoped во vue?

Andrey

замена scoped во vue?

не совсем

Phil

не совсем

?

Dmitriy

я чет начитался про это все и только запутался( Во вьюхе юзал sass и все было хорошо

И писал по бему классы? Или там есть модульность css накрученая?

Andrey

И писал по бему классы? Или там есть модульность css накрученая?

там генерируются дата-атрибуты и класс закрывается в рамках этого атрибута

Andrey

.title[data-v-hash]

Dmitriy

.title[data-v-hash]

🤦‍♂

Dmitriy

.title[data-v-hash]

Потом со специфичностью боли нигде нема то?)

Andrey

🤦‍♂

Andrey

Потом со специфичностью боли нигде нема то?)

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

Phil

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

ладно а нафига же styled componets когда есть нативные css модули?

Andrey

ладно а нафига же styled componets когда есть нативные css модули?

людям не нравится описывать стили отдельно)

Dmitriy

ладно а нафига же styled componets когда есть нативные css модули?

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

Phil

людям не нравится описывать стили отдельно)

я понял что вы имели ввиду под runtime (типа инжектится в время выполнения стили), а это сильно бьет по производительности?

Vadim

я понял что вы имели ввиду под runtime (типа инжектится в время выполнения стили), а это сильно бьет по производительности?

Только когда у тебя реально много динамики происходит на экране

Vadim

2 проекта на стайледах. Полет отличный

Mido

Коллеги, подскажите, есть json в котором несколько миллионов значений, эти значения используются как данные для расчётов, большая часть данных будет ссумированна, а дальше использована для непосредственной визуализации. Теперь вопрос: нужно ли сначала посчитать, а потом создать массив с посчитанными данными использовать или сразу считать и передавать на визуализацию?

Phil

2 проекта на стайледах. Полет отличный

на стайлед компонентс?

Vadim

на стайлед компонентс?

Да

Phil

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

Phil

.red .wide etc.

Andrey

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

Неудобно ими жонглировать + овердохера лишних классов

Phil

Неудобно ими жонглировать + овердохера лишних классов

ок

@man

Добрый день есть игра крестики нолики https://codepen.io/gaearon/pen/gWWZgR?editors=0010, с официального блога react кней предлогается дополнения:Если у вас есть дополнительное время или вы хотите попрактиковать свои новые навыки в React, вот пара идей для улучшений, которые вы можете внедрить в крестики-нолики (перечислены в порядке увеличения сложности): 1 Отобразите позицию для каждого хода в формате (колонка, строка) в списке истории ходов. 2 Выделите выбранный элемент в списке ходов. 3 Перепишите Board, используя вложенные циклы для создания клеток, вместо их жёсткого кодирования. 4 Добавьте переключатель, который позволит вам сортировать ходы по возрастанию или по убыванию. 5 Когда кто-то выигрывает, подсветите три клетки, которые привели к победе. 6 Когда победителя нет, покажите сообщение о том, что игра окончилась вничью. Кто-нибудь делал это?

Олег

Добрый день есть игра крестики нолики https://codepen.io/gaearon/pen/gWWZgR?editors=0010, с официального блога react кней предлогается дополнения:Если у вас есть дополнительное время или вы хотите попрактиковать свои новые навыки в React, вот пара идей для улучшений, которые вы можете внедрить в крестики-нолики (перечислены в порядке увеличения сложности): 1 Отобразите позицию для каждого хода в формате (колонка, строка) в списке истории ходов. 2 Выделите выбранный элемент в списке ходов. 3 Перепишите Board, используя вложенные циклы для создания клеток, вместо их жёсткого кодирования. 4 Добавьте переключатель, который позволит вам сортировать ходы по возрастанию или по убыванию. 5 Когда кто-то выигрывает, подсветите три клетки, которые привели к победе. 6 Когда победителя нет, покажите сообщение о том, что игра окончилась вничью. Кто-нибудь делал это?

Да

@man

Да

Успешно?

Олег

Успешно?

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

Eugene

ребята, как решить проблему с этим компонентом? необходимо, чтобы каждый компонент разворачивался самостоятельно, а не все сразу https://codesandbox.io/s/goofy-hugle-wurqt

Eugene

🤔как вариант передовать айдишник/индекс и по нему сравнивать и открывать

Eugene

🤔как вариант передовать айдишник/индекс и по нему сравнивать и открывать

а с чем сравнивать?

Eugene

open={currentIndex===index}