Dmitriy
Innokentii
то есть некий синтаксический сахар для промисов
Андрей
Vlad
Ребят, а можно компоненту с одного компонента перекинуть в другую?
к примеру :
<Товары/> => <Яблоко/>
<Корзина/>
Товары и корзина на одном уровне.
Можно яблоко перекинуть в корзину?)
Innokentii
Андрей
Dmitriy
Aleksei
Подскажите, почему картинка не уменьшается до заданных размеров?
.img{
width: 50px;
height: 50px;
}
Aleksei
const Header = () => {
return (
<header className={css.header}>
<div className={css.img}>
<img src="/img/logo.png" alt="logo"/>
</div>
</header>
);
}
Alex
@algoritmiks у тебя по классу стилизация идёт, а не по тегу img
Aleksei
Aleksei
Т.е. когда SomeCSS.module.css не нужно ни точки ни решетки?
Mikhail
открой девтулзы и задай свойства
Mikhail
картинке, диву
Mikhail
посмотри че получается, глядишь разберешься
Aleksei
Странно, почему-то у меня ко всем картинкам применился размер
Андрей
Aleksei
Хотя должен был только в том компоненте, куда я импортил css
Viachaslau
Ты использовал глобальный селектор
Daniil
У тебя нет вложенности у селекторов, с чего бы это?
Aleksei
Сам не пойму пока.
Daniil
🤔
Aleksei
Щас посмотрю.
Viachaslau
А не, вру) дело в другом)
Viachaslau
Ты задал размер диву, а не картинке
Aleksei
Да, диву, но почему в других компонентах дивы поменялись?
Aleksei
Если я делаю через import css from './Component.module.css'
Aleksei
Поставил на img класс и вернул на место точку
Aleksei
Все заработало
Aleksei
https://pasteboard.co/IG5DgTx.png
Max
Aleksei
В чем проблема?
Я не понял почему выше мне про точку писали, а в итоге с ней работает, как обычный css
Aleksei
Без точки на все дивы во всех компонентах ушло
Mikhail
Aleksei
Mikhail
Mikhail
Тут нет магии
Aleksei
Просто я прописал ведь в css, который только на один компонент действует по идее.
Aleksei
А он на все, вот что не понятно.
Mikhail
Ты открывал свои стили, когда он на все применил? Скорее всего там не было скоупа
Aleksei
У меня сразу на каждый компонент свой css прикручен.
Aleksei
Названия в каждом css могут повторяться классов.
Aleksei
Понятно, в общем только на классы надо вешать.
Aleksei
А вообще БЭМ в реакте насколько актуален?
Aleksei
Или для каждого компонента свой css и не париться с названиями классов? Подключать через css.module?
Aleksei
Alex
Alex
если ты прожженый ветеран - юзай бэм с scss
Alex
редко вижу проекты с какими то другими решениями
Alex
Alex
или чота типо того
Alex
ну да. стайледы заебок. но нагрузка на рантайм большая
Alex
можно в принципе линарию юзать, но она сырая еще
Владислав
bem-cn 👌🏼
Vlad
ребят, как в компоненту передать значение по пропсам?(реакт+ тайпскрипт)
timur
С бемом еще чтобы нормально работать нужно же класс родителя передавать
Alex
скоро вон фейсбук выпустит свое решение css-in-js которая генерирует стили на этапе компиляции
timur
Alex
timur
Один раз смог, но там все очень плохо с анимациями
Alex
причем неоднократно
Alex
вот мой бложек на гэтсби с линарией
https://alexouttaspace.github.io/my-personal-page/
Mikhail
О респект за англ))
Alex
Alex
у меня вообще никаких проблем не возникло
timur
Alex
насколько вам сложно сделать crud приложение на реакт (+redux+thunk с loading и error handling) по шкале от 1 до 10?
Maxim
2