React предлагает Компоненты, представляющие собой простой способ повторного использования кода. Компонент инкапсулирует множество вещей от контента, стилей и до бизнес-логики. Поэтому в идеале компонент может содержать комбинацию из html, css и js, каждый из которых имеет одну цель — единственную ответственность. Коллекцию переиспользуемых компонентов и применять их совместно с другими разработчиками. Компоненты могут быть разработаны и импортированы из разных проектов и приложений. Это гораздо быстрее, чем переписывать их или же поддерживать большую библиотеку...

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