Size: a a a

JavaScript Noobs — сообщество новичков

2021 February 27

IE

Igor' Ember in JavaScript Noobs — сообщество новичков
Danila
И при чем тут бэм?
окей, но пример с лесенкой из классов точно к бему. Он очень избыточен и громоздок.
источник

D

Danila in JavaScript Noobs — сообщество новичков
Igor' Ember
окей, но пример с лесенкой из классов точно к бему. Он очень избыточен и громоздок.
Не без минусов
источник

D

Danila in JavaScript Noobs — сообщество новичков
Алсо, что за поиски такие?
источник

D

Danila in JavaScript Noobs — сообщество новичков
Блоки по папкам
источник

D

Danila in JavaScript Noobs — сообщество новичков
Папка но названию блока
источник

D

Danila in JavaScript Noobs — сообщество новичков
Иди смотри
источник

D

Danila in JavaScript Noobs — сообщество новичков
Претензия к структуре проекта а не к бэму
источник

IE

Igor' Ember in JavaScript Noobs — сообщество новичков
Danila
Мне нравится. Альтернатива - цсс модули или css in js
> цсс модули или css in js
 ок, посмотрю в эту сторону.
В развитых странах вообще что больше используют?
источник

C

Chris in JavaScript Noobs — сообщество новичков
на канвасе ui рисуют :D
источник

D

Danila in JavaScript Noobs — сообщество новичков
Ну и опять же, название блока таки встречается целиком даже в scss и как бы уникально
источник

Н

Нина in JavaScript Noobs — сообщество новичков
CSS-модули не являются альтернативой БЭМу. Он решает другие проблемы. Внутри модулей можно все равно именовать и структурировать классы, используя БЭМ

Лично мне БЭМ не нравится)0 Альтернатива, например, — utility-first подход, который по сути является антонимом БЭМа. Например, tailwind или atomic CSS
источник

IE

Igor' Ember in JavaScript Noobs — сообщество новичков
Danila
Ну и опять же, название блока таки встречается целиком даже в scss и как бы уникально
ох, не всегда. Часто название блока слишком дженерик и встречатся в нескольких местах по проекту.
источник

D

Danila in JavaScript Noobs — сообщество новичков
Igor' Ember
> цсс модули или css in js
 ок, посмотрю в эту сторону.
В развитых странах вообще что больше используют?
Я на реакте пишу, тут модули и css in js в виде linaria/styled-components
источник

D

Danila in JavaScript Noobs — сообщество новичков
Нина
CSS-модули не являются альтернативой БЭМу. Он решает другие проблемы. Внутри модулей можно все равно именовать и структурировать классы, используя БЭМ

Лично мне БЭМ не нравится)0 Альтернатива, например, — utility-first подход, который по сути является антонимом БЭМа. Например, tailwind или atomic CSS
Именно что решают, они скоупят стили под модулем
источник

IE

Igor' Ember in JavaScript Noobs — сообщество новичков
Нина
CSS-модули не являются альтернативой БЭМу. Он решает другие проблемы. Внутри модулей можно все равно именовать и структурировать классы, используя БЭМ

Лично мне БЭМ не нравится)0 Альтернатива, например, — utility-first подход, который по сути является антонимом БЭМа. Например, tailwind или atomic CSS
оо, отлично, спасибо, а то меня тошнит от бема, хочу всё избавиться
источник

D

Danila in JavaScript Noobs — сообщество новичков
Igor' Ember
ох, не всегда. Часто название блока слишком дженерик и встречатся в нескольких местах по проекту.
Это проблема проекта,а. Не бэма опять же
источник

B

Bohdan in JavaScript Noobs — сообщество новичков
тут есть адепты tailwind-a?
источник

D

Danila in JavaScript Noobs — сообщество новичков
Нина
CSS-модули не являются альтернативой БЭМу. Он решает другие проблемы. Внутри модулей можно все равно именовать и структурировать классы, используя БЭМ

Лично мне БЭМ не нравится)0 Альтернатива, например, — utility-first подход, который по сути является антонимом БЭМа. Например, tailwind или atomic CSS
Вот уж где ад так это в атомике
источник

AP

Anton Permyakov in JavaScript Noobs — сообщество новичков
Igor' Ember
У тебя есть класс
.someBlock__some-element_toggled-up
Этот класс ты видишь первый раз в жизни

В цсс это выглядит как
.someBlock {
 ... куча разного кода
   &__some-element {
        ... описание логики элеметнта
       &_toggled-up {
        ... состояние
        }
    }
}
Этот класс тебе нужно найти через поиск, его название someBlock слишком дженерек и ничего не говорит о том, где его искать. В хтмл полное название тоже не встречается, а динамически генериться из кусков.
Твои действия?
не используй &, если для тебя это такая проблема
источник

IE

Igor' Ember in JavaScript Noobs — сообщество новичков
Anton Permyakov
не используй &, если для тебя это такая проблема
избыточность бема всё равно останется.
Лесенку в классах видел? Это же пиздец
а теперь представь, что у тебя сложная вложенность компонентов и на каждом такая фигня висит
источник