Задать вопрос
@lil_web

Как хешировать классы в приложении на Реакте?

Сайт на Реакте, на сайте есть своя рекламная картинка. Я её обернул в див с классом по БЭМу: .Sidebar-Ad. Заказчик говорит, что по моему классу легко добавить баннер в блокировщик рекламы.

Я рассмотрел разные варианты: css-modules c классом типа classname_hash, styled-components с классом из чистого хеша и атрибут styles. В любом случае рекламу несложно скрыть.

Но можно сделать простую защиту. Я придумал создать отдельный цсс-файл, который раз в какое-то время регенерировать с новыми хеш-классами. Для реализации сделаю eject стартера create-react-app, буду отдельно собирать цсс-файл на Вебпаке и лоадером делать хеши.

Расскажите, пожалуйста, про свой опыт борьбы с ад-блоком и как вам моё решение.
  • Вопрос задан
  • 293 просмотра
Подписаться 2 Средний 6 комментариев
Помогут разобраться в теме Все курсы
  • Нетология
    Frontend-разработка на React
    10 недель
    Далее
  • ProductStar
    Разработка на React
    6 недель
    Далее
  • Яндекс Практикум
    React-разработчик
    3 месяца
    Далее
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
от 250 000 до 300 000 ₽
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
ITK academy Екатеринбург
от 50 000 до 90 000 ₽