Источник: Nuances of Programming Для чего нужны эти паттерны? React предлагает Компоненты, представляющие собой простой способ повторного использования кода. Компонент инкапсулирует множество вещей от контента, стилей и до бизнес-логики. Поэтому в идеале компонент может содержать комбинацию из html, css и js, каждый из которых имеет одну цель — единственную ответственность. Совет: при помощи Bit (GitHub) вы можете организовать коллекцию переиспользуемых компонентов и применять их совместно с другими разработчиками...

Источник: Nuances of Programming Прежде чем рассмотреть шаблоны React подробнее, следует понять, что это такое и зачем они нужны. Упрощенно говоря, шаблоны проектирования  —  это повторяющиеся решения для часто возникающих задач. Они служат базовой заготовкой, на основе которой можно создавать любую функциональность в соответствии с заданными требованиями, учитывая лучшие практики. Они позволяют экономить время и упрощают разработку, поскольку содержат стандартные фрагменты кода и уже проверенные решения известных проблем...