Как научиться пользоваться методологией БЭМ?

Андрей, например?

Андрей, Если бы работодатели, в большинстве, не требовали и не спрашивали про бэм, я бы его не учил, но надо

Андрей,
Производительность - отличная, и вообще не понятно зачем приплетать.
Головной боли нет, больше кода писать не надо.
Сложностей с отладкой нет.
Какие нужны инструменты? Подсветка синтаксиса есть, автокомплит не пригодился.
Анимации, трюки, псевдоэлементы, это все есть, даже можно обратиться к родителю, что некоторые вещи упрощает.
Бонусом исчезает проблема конфликтов стилей. Не надо париться над именами, но если хочется, то указывай. Проблемы, которые решает бэм, решаются автоматически.

Андрей,

По поводу анимации и прочих "трюков". Речь идёт о том насколько удобно этим пользоваться. С этим у Styled Components имеются проблемы.

Удобнее чем в css. Можно генерировать на основе параметров, крутить вертеть как угодно. Ни css, ни sass подобного не предоставляют.

С отладкой та же история, если вспомнить как работают эти самые стилизованные компоненты внутри.

Что с отладкой не так, мне так и не понятно. Возможно я что-то делаю не так, а возможно это слишком тривиально чтоб обращать внимание.

но при этом теряется вся мощь, производительность и гибкость CSS

На выходе имеем тот-же самый CSS, что там должно теряться, мне не понятно. Бабайка крадет?

Вместо того чтобы грамотно подойти к вопросу организации стилей проблему решают всякими костылями.

Это рутинная, повторяющаяся задача, которую можно автоматизировать и избавить разработчика от головной боли. Так как рано или поздно количество кода разрастется до такой степени, что любой начнет косячить, ЛЮБОЙ. Ни трюки css, ни трюки sass, ни методология бэм тут не помогут, потому что рано или поздно что-то забудешь.

Tailwind

Хрень, чтоб пользоваться которой, надо учить сотню-другую наименований классов, которые не несут никакой интеллектуальной ценности.