Size: a a a

2019 August 13

VH

Vitaly Harisov in БЭМ
если вводить элемент part, лучше ему отдельные модификаторы
источник

NU

Nikolay Us in БЭМ
<div class="head"><h2 class="head__steep head__steep-color-white">Крутой-<span class=" head__heading head__heading-color-black">заголовок</span></h2></div>
источник

NU

Nikolay Us in БЭМ
ну гдето так
источник
2019 August 14

NU

Nikolay Us in БЭМ
или через микс упростить <div class="head"><h2 class="head__steep head__steep-color-white">Крутой-<span class=" span_color-black">заголовок</span></h2></div>
источник

VH

Vitaly Harisov in БЭМ
у вас имена элементов содержат в себе то, что обычно выносится в модификаторы
источник

VH

Vitaly Harisov in БЭМ
head__heading-color-black -> head__heading_color_black
источник

И

Ильдар in БЭМ
Здравствуйте. Есть проект изначально писался на реакте, основной причиной было то что в нем используется листинг в которм может быть 10 000 элементов и они сразу отображаются на экране. Пользователь взаимодействует с этим списком удаляя и раскрывая эти элменты. В реакте все это делает виртуал дом. Это мой первый проект на реакт и там чистый реакт без TS и бэм. все это выглядит очень плохо и есть желание перенести все на классический бэм стек так как на бэм реакт не хватает знаний и опыта пока. Будет ли проблема работы с этим списком на классическом стеке? Я так понимаю без виртуального дом удалять и вставлять в элементы в список будет ресурсоемко, или нет?
источник

VG

Vladimir Grinenko in БЭМ
Ильдар
Здравствуйте. Есть проект изначально писался на реакте, основной причиной было то что в нем используется листинг в которм может быть 10 000 элементов и они сразу отображаются на экране. Пользователь взаимодействует с этим списком удаляя и раскрывая эти элменты. В реакте все это делает виртуал дом. Это мой первый проект на реакт и там чистый реакт без TS и бэм. все это выглядит очень плохо и есть желание перенести все на классический бэм стек так как на бэм реакт не хватает знаний и опыта пока. Будет ли проблема работы с этим списком на классическом стеке? Я так понимаю без виртуального дом удалять и вставлять в элементы в список будет ресурсоемко, или нет?
виртуальный дом — это не про ускорение, а про костыли, чтобы не было совсем уж медленно.

суть работы реакта в том, что при изменении данных (в описанном случае — массива со списком элементов) реакт перерисовывает весь список заново, даже если поменялся всего один элемент. и если делать это в лоб, замедление по сравнение с ручным изменением нужного элемента списка было бы катострофическим. именно здесь на помощь приходит виртуальный дом — список перерисовывается не на странице, а сначала просто в памяти, потом вычисляется дифф между новой структурой в памяти и тем, что сейчас на странице, потом вычисляется набор мутаций дома, которые приведут его в нужное состояние. эти вычисления, разумеется, тоже не бесплатные, но сильно дешевле, чем заменять все. однако в любом случае в итоге придется поменять реальный дом.

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

И

Ильдар in БЭМ
Vladimir Grinenko
виртуальный дом — это не про ускорение, а про костыли, чтобы не было совсем уж медленно.

суть работы реакта в том, что при изменении данных (в описанном случае — массива со списком элементов) реакт перерисовывает весь список заново, даже если поменялся всего один элемент. и если делать это в лоб, замедление по сравнение с ручным изменением нужного элемента списка было бы катострофическим. именно здесь на помощь приходит виртуальный дом — список перерисовывается не на странице, а сначала просто в памяти, потом вычисляется дифф между новой структурой в памяти и тем, что сейчас на странице, потом вычисляется набор мутаций дома, которые приведут его в нужное состояние. эти вычисления, разумеется, тоже не бесплатные, но сильно дешевле, чем заменять все. однако в любом случае в итоге придется поменять реальный дом.

а на классическом бэм-стеке можно пропустить все шаги с перерисовкой всего списка и просто явно поменять нужный элемент. это по определению будет эффективнее, чем на реакте.
Спасибо, я ваш ответ в Вики свою добавлю) как только найду как оплатить яндекс коннект %)
источник

VG

Vladimir Grinenko in БЭМ
яндекс коннект бесплатный для команд меньше 5 человек ;)
источник

И

Ильдар in БЭМ
Vladimir Grinenko
яндекс коннект бесплатный для команд меньше 5 человек ;)
Вики более 100 страниц мне не дала создать на бесплатном коннекте
источник

И

Ильдар in БЭМ
Офтопик конечно, переезжаю из конфлюенс и ни как не могу найти как оплатить коннект чтоб снять ограничение в Вики
источник

И

Ильдар in БЭМ
Жаль что Яндекс уходит в реакт(
источник

NU

Nikolay Us in БЭМ
Vitaly Harisov
head__heading-color-black -> head__heading_color_black
єто и есть модификатор
источник

VH

Vitaly Harisov in БЭМ
Nikolay Us
єто и есть модификатор
нет, это не соотвествует naming scheme
источник

VH

Vitaly Harisov in БЭМ
heading-color-black это всё имя элемента
источник

NU

Nikolay Us in БЭМ
а увидел ошибку щас
источник

NU

Nikolay Us in БЭМ
или через микс упростить <div class="head"><h2 class="head__steep head__steep_color-white">Крутой-<span class=" span_color-black">заголовок</span></h2></div>
источник

NU

Nikolay Us in БЭМ
вот так
источник

NU

Nikolay Us in БЭМ
а єто так <div class="head"><h2 class="head__steep head__steep_color-white">Крутой-<span class=" head__heading head__heading_color-black">заголовок</span></h2></div>
источник