Для чего нужен CSS in js если есть нормальный CSS

Question

React — русскоговорящее сообщество

Антон

Для чего нужен CSS in js если есть нормальный CSS

или scss и бэм? Зачем тащить на проект еще одну технологию, в чем ее плюс?

#frontend #javascript #programming #react.js #russian

0

18.02.2022

7 ответов

11 просмотров

Антон Автор вопроса

В чем проблема бэм? Есть компонент Битон и класс Битон, все! Инкапсулированно

0

18.02.2022

Bohdan Bida 🇺🇦

Антон
В чем проблема бэм? Есть компонент Битон и класс Б...

В том что компоненты это обычно не большой файл с разметкой с большим колвом вложенностей тегов и сложной структурой Обычно в сайтах/приложениях где используется БЕМ вся логика рендера находится в джс, шаблонизаторамми если и пахнет то на минимуме и тут БЭМ очень хорошо ложится т.к. решает сразу две проблемы 1 - инкапсуляция стилей и отсутствие конфликтов имён 2 - позволяет избавится от разной специфичности селекторов не делая вложенности в стилях В компонентном же подходе если есть инструмент которые решает первую проблему, для решения второй достаточно просто правильно называть классы а не абстрактными сущностями и правильно декомпозировать компоненты. А то что в разметке (в jsx) помимо классов БЕМА еще будут пропсы, циклы, условия, только усложняет код и делает его не очень удобным

0

18.02.2022

Антон Автор вопроса

Bohdan Bida 🇺🇦
В том что компоненты это обычно не большой файл с ...

Если рассматривать реакт как шаблонизатор, а всю бизнеслогику в другой слой, то таких проблем не будет, и циклов там не так и много, что стили могут помешать, пока не убедительно, в любом случае оперируем компонентами, card, button, table, стили уже в них, ничего наружу не вылазит, так что еще нужны аргументы

0

18.02.2022

Bohdan Bida 🇺🇦

Антон
Если рассматривать реакт как шаблонизатор, а всю б...

Ну, реакт как шаблонизатор в принципе мало кто вообще рассматривает) Если только не брать гетсби и.т.п. Обычно реакт это огромная куча компонентов на среднем/большом проекте И когда у тебя везде БЕМ и все стили в одном или нескольких файлах - это реально тяжело. Мб это дело привычки конечно, но я работал и на таком проекта и на таком где стили не были привязаны к конкретному компоненту и это боль

0

18.02.2022

Ilya Agarkov

Антон
В чем проблема бэм? Есть компонент Битон и класс Б...

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

0

18.02.2022

Ilya Agarkov

Bohdan Bida 🇺🇦
Ну, реакт как шаблонизатор в принципе мало кто воо...

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

0

18.02.2022

Bohdan Bida 🇺🇦 · Accepted Answer

БЕМ это тихий ужас в в таких вещах как реакт, вью, ангуляр Самое главное то, что компонентный подход даёт очень хорошую возможность инкапсулировать стили под каждый компонент, а нативно в реакте такого нет, поэтому либо цсс модули либо цсс ин джс Когда есть очень хорошая возможность инкапсулировать стили, о БЕМ в последнюю очередь стоит думать

169 похожих чатов

Для чего нужен CSS in js если есть нормальный CSS

7 ответов

Похожие вопросы