Когда имеет смысл выносить код в отдельный компонент?

Question

ИМХО: получение данных из компонента довольно затратная операция (нужно передавать callback родителя, учитывать структуру данных и т.д.)

поэтому имеет смысл создавать дочерние компоненты только для отображения данных

например:

class ItemsList extends React.Component {
      render() {
        return(
        <div>         
            <ul>
                <Item name="Item1" />
                <Item name="Item2" />
...

но в большинстве случаев код Item довольно тривиален:

class Item extends React.Component {
      render() {
        return <li>{this.props.name}</li>;
      }
    }

тогда возникает вопрос, зачем создавать компонент для 1-2х строк HTML-кода, если их можно разместить в родителе?