title: Will using the React props spread operator significantly slow-up my application?
body: <p>When passing props down into a React component I am currently of doing this:</p>
  
  <pre><code>&lt;MyComponent 
      {...this.props}
      foo=foo
      bar=bar
  /&gt;
  </code></pre>
  
  <p><code>foo</code> and <code>bar</code> are props that I know <code>MyComponent</code> will need. However, in most cases <code>MyComponent</code> also has components within it that need props from higher components, hence I use the <code>{...this.props}</code> operator to pass them forward. Should I be doing this, or should I be listing out exactly the props that the child components of <code>MyComponent</code> will need?</p>