Size: a a a

2020 November 12

AT

Alexey Terehin in БЭМ
Роман
Да хоть JSX, прости хоспади!..
А bem-react только на ts, аналога на js нет?
источник

Р

Роман in БЭМ
Alexey Terehin
А bem-react только на ts, аналога на js нет?
Так он скомпилированный. Можно и на  JS
источник

Р

Роман in БЭМ
Eugene Gromov
Стараюсь избегать дублирования кода и стараюсь переиспользовать блоки, поэтому сделал блок кнопки и изменял модификаторами как отправлял ранее. Получается, что можно не париться по этому поводу и описывать кнопки в элементах каждый раз заново?
Тут нужно научиться «спрашивать» у компонента — кто задал ему размер. Чаще всего (всегда) оказывается, что если это блок, то его размер зависит от того, внутри какого блока он находится. Соответсвенно размер «происткает» из элемента-родителя, а сам блок лишь подстраиваются под доступную ширину.

А если это просто одинокая кнопка, то её ширина зависит от содержимого — чем больше текста, тем она шире.
источник

EG

Eugene Gromov in БЭМ
Кажется я понимаю о чем Вы ... 🤔
источник

Р

Роман in БЭМ
Eugene Gromov
Кажется я понимаю о чем Вы ... 🤔
С каждым новым компонентом будет проще и проще 👍
источник

EG

Eugene Gromov in БЭМ
🤝
источник

om

obuch metod in БЭМ
Alexey Terehin
на XJST?
Что это?
источник

AT

Alexey Terehin in БЭМ
Это шаблоны представления данных в json-формате, например, тех же селекторов. Удобная штука для понимания, что от чего наследуется
источник

om

obuch metod in БЭМ
Роман
Да хоть JSX, прости хоспади!..
А это что и с чем едят?
источник

Р

Роман in БЭМ
obuch metod
А это что и с чем едят?
Это шаблонизатор, который
{
   block: 'button',
   mods: {
       theme: 'islands',
       size: 'm',
       type: 'link'
   },
   url: 'https://bem.info/',
   text: 'Попробуй БЭМ'
}


превращает в

<a class="button button_theme_islands button_size_m button_type_link button__control i-bem" data-bem='{"button":{}}' role="link" href="https://bem.info/">
 <span class="button__text">Попробуй БЭМ</span>
</a>
источник

om

obuch metod in БЭМ
Роман
Это шаблонизатор, который
{
   block: 'button',
   mods: {
       theme: 'islands',
       size: 'm',
       type: 'link'
   },
   url: 'https://bem.info/',
   text: 'Попробуй БЭМ'
}


превращает в

<a class="button button_theme_islands button_size_m button_type_link button__control i-bem" data-bem='{"button":{}}' role="link" href="https://bem.info/">
 <span class="button__text">Попробуй БЭМ</span>
</a>
Спасибо. Что-то вроде термоса, который знает должно ли быть то что в нём горячим или холодным в зависимости от того в каком состоянии оно было вне термоса или на что похоже?
источник

Р

Роман in БЭМ
obuch metod
Спасибо. Что-то вроде термоса, который знает должно ли быть то что в нём горячим или холодным в зависимости от того в каком состоянии оно было вне термоса или на что похоже?
источник

om

obuch metod in БЭМ
Благодарю.
источник
2020 November 13

VG

Vladimir Grinenko in БЭМ
Evgenya
Подскажите когда будет следующий БЭМап. Как часто они проводятся?
жесткого расписания нет. следующий предварительно планирую на 4 декабря. сделаем совсем-совсем базовый для самых маленьких. потом наоборот хардкорный про реакт и темизацию с themekit
источник

Prikolist Начрэл... in БЭМ
Звучит интересно. Я бы посмотрел, если не нужно будет нигде регистрироваться, доверять персональные данные
источник

om

obuch metod in БЭМ
Vladimir Grinenko
жесткого расписания нет. следующий предварительно планирую на 4 декабря. сделаем совсем-совсем базовый для самых маленьких. потом наоборот хардкорный про реакт и темизацию с themekit
Во сколько в пятницу и какова продолжительность ? ибо хотелось бы чего-то вроде разбора партии для новичков
источник

DT

Dmitry T in БЭМ
Всем привет!
Решил тут подтянуть свой фронт и начать применять BEM. Но у меня появился один большой вопрос на который я никак не могу найти ответа.

Как совмещать BEM и bootstrap?

Я
наткнулся на статью https://medium.com/@andersonorui_/bem-sass-and-bootstrap-9f89dc07d20f
и там пишут, что с миксинами бутстрапа якобы чище и понятнее.
Я готов согласится с чистотой, но совершенно не понимаю как с ними становится понятнее.
Ведь накидать грид на модификаторах бутстрапа экономит так много времени. Сами блоки уже по БЕМу можно отверстать как душе угодно. Зачем мне плодить кучу однотипных блоков типа:
.article {
@include make-col(12)
@include media-breakpoint-down(sm) {
@include make-col(6)
}
)
когда можно сделать блок class="col-12 col-sm-6 article"
и потом уже в article по бэму писать все остальное...

Не понимаю просто зачем все эти трудности ради "чистоты".
источник

VG

Vladimir Grinenko in БЭМ
obuch metod
Во сколько в пятницу и какова продолжительность ? ибо хотелось бы чего-то вроде разбора партии для новичков
думаю, начнем в 18:00 и займем пару часов (но тут как пойдет)
источник

VG

Vladimir Grinenko in БЭМ
Dmitry T
Всем привет!
Решил тут подтянуть свой фронт и начать применять BEM. Но у меня появился один большой вопрос на который я никак не могу найти ответа.

Как совмещать BEM и bootstrap?

Я
наткнулся на статью https://medium.com/@andersonorui_/bem-sass-and-bootstrap-9f89dc07d20f
и там пишут, что с миксинами бутстрапа якобы чище и понятнее.
Я готов согласится с чистотой, но совершенно не понимаю как с ними становится понятнее.
Ведь накидать грид на модификаторах бутстрапа экономит так много времени. Сами блоки уже по БЕМу можно отверстать как душе угодно. Зачем мне плодить кучу однотипных блоков типа:
.article {
@include make-col(12)
@include media-breakpoint-down(sm) {
@include make-col(6)
}
)
когда можно сделать блок class="col-12 col-sm-6 article"
и потом уже в article по бэму писать все остальное...

Не понимаю просто зачем все эти трудности ради "чистоты".
нет никакой проблемы реализовать грид отдельным блоком grid, а затем миксовать его и его элементы к любым другим блокам (например, к article)

см. https://ru.bem.info/methodology/css/#миксы
источник

DT

Dmitry T in БЭМ
ну вот этим вариантом я сейчас и пользуюсь и нашел его неудобным
container, row, col которые пишутся отдельно в классе позволяют, как бы так выразится, "читать поток" не вникая в классы
источник