У меня цель только верстать сайты

Вам для этого нужно знать CSS (и флексы, и гриды и ещё много всего), и HTML, и BEM

Это не взаимоисключающие технологии.

Например:
Футер прибивается к низу экрана с помощью флекса. Листинг товаров в каталоге размечен гридом. Каждая карточка в листинге это блок div. Таблицы размечают только табличные данные в контексте контента. И все это сделано с использованием бэм методологии.

Здравствуйте, поделитесь пожалуйста примером использования bem-forms. В bemhtml и ibemjs

Так там в репозитории, собсна, все примеры одним каталогом

Здравствуйте, подскажите как решить проблему с peerDependences. Пакеты просят несколько иращных версий реакта. Я думал что можно их все в peer запихать, но это как-то не так работает.

У тебя зависимости просятся 16 реакта. Значит ты должен установить 16 реакт через npm install react@16

Я это понимаю, а нельзя как-то использовать 16 для этих модулей и оставить 17 для всего остального. Например если я укажу в peer 16. Warning не уходят

Я не знаю такого способа. Подожду ответа вместе с тобой.

Но думаю что нельзя ставить 2 реакта. Если только есть способ сказать пакету "используй 17 реакт, мне всё равно что ты требуешь 16"

Два реакта на самом деле можно, это фишка 17-й версии, нужно посмотреть в оф-документации, они где-то писали про это

Все следующие мажоры реакта будут атомарные и позволят иметь две версии реакта в своем приложении, чтобы мочь мигрировать чанками

Но я не уверен, что получится использовать 16-й реакт только для компонентов, а для приложения 17-й

Если явной потребности в 17-й версии нет, то я бы предложил пока остаться на 16

Там отличия заключаются в измененной событийной моделе и серверных компонентах (конкуретный мод пока не доступен)

А что если нужен 17 реакт?

Как я понимаю, вы ограничиваете версию (^ вместо >=) потому что пока что не тестируете 17 реакт. Такая причина?

Что на счёт того, что бы в будущем ещё немного распилить компоненты?

Например, поставлять общие для всех компонентов зависимости под условием >=, и тестировать их на самой последней не тестовой версии, а набор компонентов использующий зависимость, поставлять отдельно, под нужным условием или даже поставлять каждый компонент отдельно, под разными условиями (^ и >=).

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

А если зависимость не подходит, можно собрать свой компонент воспользовавшись общей библиотекой.

Это особенно хорошо работало бы с идеей отделения поведения в хуки.

Возможно вам понравится такое разделение.

Да на самом деле peer зависимость это же просто договоренность, а не обязательство, можно и 17 версию прям сейчас использовать с yandex-ui

Просто с 17-й версией есть несколько проблем в yandex-ui из-за того, как теперь всплывают события

Но зависимости должны восприниматься как гарантии корректной работы с конкретной версией. В будущих релизах поведение может измениться. Было бы удобно предусмотреть это заранее, что бы не было больно переходить с одной версии зависимости на другую и не приходилось долго сидеть на старых версиях

С версиями понял.

Подскажите верно ли что используя бэм реакт предется тащить css всего проекта сразу. Нет разделения на бандлы? (css для страницы содержащий только стили компонентов страницы)

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