• Как правильно внедрять БЭМ?

    @AlexS94
    motezor, Существует множество нотаций, какие конкретно комбинации символов не подходят?
    Я с jsx редко связываюсь, работаю в основном на Vue.

    Здесь есть React-style:
    Соглашение по именованию
  • Как правильно внедрять БЭМ?

    @AlexS94
    Илья, сочувствую вам... Я об IE перестал думать в начале прошлого года, по умолчанию не обещаем его поддержку, и надеюсь не вспомню уже.
    Если есть возможность - проталкивайте отказ от него, это реально убыточно как для компаний, так и для сотрудников не имеющих возможности использовать современные технологии.
  • Как правильно внедрять БЭМ?

    @AlexS94
    profesor08, весомые аргументы. Предлагаю прекратить обсуждение, так как вопрос не по теме. Вы меня, если честно, не убедили, но возможно мне стоит лучше присмотреться к styled-components. В конце концов, я когда-то плевался в БЭМ.
  • Как правильно внедрять БЭМ?

    @AlexS94
    profesor08, ну этим вы немного упростили себе жизнь, не спорю, но думать придётся при каждом импорте что и как назвать всё равно. По опыту - лучше прийти к некоему соглашению внутри команды и придерживаться его.

    По поводу примера:
    Ок, а в чём сложность писать вот так? Особенно используя препроцессор или PostCSS.
    .product-list__item
    .news-list__item

    Таким образом вы гарантированно задаёте пространство имён, а потенциальные конфликты можно исключить используя scoped-styles в случае описанных выше фреймворков.

    Заблуждение, можно использовать и в обычной верстке. Все зависит от желания покопаться. Можно сгенерировать и html, и css, и даже читаемые названия классов.

    Я не сказал, что нельзя использовать, но удобство сомнительное, особенно если думать о поддерживаемости проекта.
  • Как правильно внедрять БЭМ?

    @AlexS94
    Alexander Lamdan, простите, а я где-то сказал, что мы стартап у которого нет на это времени?)
    Так-то конечно, вы правы, для небольшой компании - это весомая задача, на которую не выделяются средства и время.
    Это мой личный проект, который я планомерно интегрирую в рабочую среду организации.
  • Как правильно внедрять БЭМ?

    @AlexS94
    profesor08, могу согласиться только с проблемой придумывания имён - да, это бывает больно) Но это боль любого мало мальски крупного проекта. Даже в случае styled-components вам придётся придумывать имена компонентов и переменных, как минимум. Такова наша работа. Ну и ключевой нюанс в том что styled-components использовать удобно лишь с реактивными приложениями на Angular, React, Vue и подобных. Как вы буде
    К слову, при правильном семантическом именовании проблем особо не возникает с запоминанием имён, они семантичны и при должном знании английского легко понять что есть что.
    Я работал с парой проектов использующих styled-components, на поддержке ,и честно говоря это сложнее для восприятия, имхо. Возможно вам комфортнее и удобнее.
  • Как правильно внедрять БЭМ?

    @AlexS94
    Боюсь что в своём утверждении вы не правы.
    Я долго обходил БЭМ стороной, но начав применять на реальных проектах осознал все его преимущества. БЭМ решает в первую очередь 2 проблемы: читаемость кода и контролируемость каскада стилей. За счёт решения этих проблем мы получаем высокую переиспользуемость стилей.
    styled-components - прекрасная технология, и она частично решает эти проблемы. Но далеко не полностью, да и не всегда она применима, всё зависит от задачи, инструментов и команды.
    А вот scss - совсем не про то.
  • Проблема с редактированием стилей в chrome devtools?

    @AlexS94
    Подтверждаю, такая же проблема(
    Вчера всё было нормально, продолжил работу на следующий день и столкнулся с этой проблемой.
    При клике на style прокручивает к не корректно отображаемому файлу CSS.