Все эти страницы имеют общий layout расположения основных блоков
Отличается только середина и Sidebar

В итоге, я могу переписать CardsCommonTemplate один раз и layout всех страниц поменяется.
Я так же могу добавить мобильную разметку

Я не описываю общую разметку по несколько раз в разных страницах, и не вкладываю все эти страницы в ещё один компонент

А можешь дать ссылку на темплейт?

Он построен поверх других шаблонов
менее детальных

Например этот https://github.com/howtocards/frontend/blob/master/src/features/common/templates/common-content.js

Но обычно хватает 2-3 шаблонов

1. общий, выравнивает контент по центру и занимается регулировкой ширины контента на мобилках

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

3. обычно складывает два-три других шаблона, чтобы иметь один простой. Полезно, когда несколько страниц используют одну разметку, которая формируется из пачки шаблонов. И чтобы не дублировать использование шаблонов, иногда полезно создать дополнительный конкретный шаблон. Как в примерах выше CardsCommonTemplate — шаблон для страниц связанных с карточками. Так же может быть UsersCommonTemplate — для страниц пользовател(я|ей)

Вроде примерно понял. Буду пробовать. Спасибо!

Абстрактная кнопка - атом
Абстрактная кнопка, в которой есть несколько слотов (например, prefix и postfix для иконок) - молекула
Конкретная кнопка с конкретным содержанием - организм или часть организма

ЭТА кнопка - скорее всего, третий кейс

я обычно делаю кнопку со слотами сразу атомом

тогда вся остальная сложность не растет

Ну вот у меня это кнопка со слотами.

Имхо жирновато, по мне атом проще воспринимать как дом-ноду, но ничего против не имею

я так делаю ради простоты, компоненты получаются простыми, но при этом не требует дополнительных компонентов для полноценной работы.
Всё таки мы пишем компоненты ради абстракции над дом-нодой

+, т.е. не только минимальная единица(тег), но и минимальная смысловая что ли единица - атом

Да

Тоже не делаю кнопку молекулой