Разметка

Разметкой решаются задачи позиционирования компонентов. Разметка реализуется повторно используемым компонентом. Через свойства компонента передаются узлы (propTypes.node) для вставки в соответствующие области разметки.

<LayoutPage
   top={<MenuTop items={}/>}
   center={this.children}
   footer={}/>

Вынос разметки в отдельные компоненты делает код более чистым, компактным. Чётко разделяется ответственность компонентов. Не менее важным является повторное использование разметки в разных разделах проекта.

Компонент разметки должен быть простым в использовании без дополнительных деклараций ради универсальности. Иначе выйдет, что все равно разметкой занимаемся.