title: React - Overdoing it on "small components"
body: <p>So I've been working with React for several years now and lately people in my team started doing stuff like this:</p>
  
  <pre><code>const InputContainer = (props) =&gt; {
      const className = props.className;
      return &lt;div {...{ className }}&gt;
          {props.children}
      &lt;/div&gt;;
  };
  </code></pre>
  
  <p>This is basically just writing a <code>div</code> with a <code>class</code> and rendering the children.</p>
  
  <p>So now my question: In my idea this is just overkill and is not usefull. It is creating components just for the sole purpose of using html tags. 
  What do you think?</p>
  
  <p>Why would this be useful when I can just do </p>
  
  <pre><code>&lt;div&gt;
      &lt;p&gt; ....
  &lt;/div&gt;
  </code></pre>
  
  <p>in one component?</p>
  
  <p>I'm not against using small components but in my mind, this is just too much and is bloating everything instead of just using html.</p>