title: React Class definition vs export default
body: <p>I'm new to React and following <a href="https://serverless-stack.com/" rel="noreferrer">https://serverless-stack.com/</a>.</p>
  
  <p>While from the start, components are defined as:</p>
  
  <pre><code>class ComponentName extends React.Component {
  ...
  }
  </code></pre>
  
  <p>When I got to <a href="https://serverless-stack.com/chapters/add-the-session-to-the-state.html" rel="noreferrer">this step</a>, at the AppliedRoutes section:</p>
  
  <pre><code>export default ({ component: C, props: cProps, ...rest }) =&gt;
    &lt;Route {...rest} render={props =&gt; &lt;C {...props} {...cProps} /&gt;} /&gt;;
  </code></pre>
  
  <p>Is it correct to say that this is a new component named AppliedRoute, which Parent passes it:</p>
  
  <ol>
  <li>component (<code>component: C</code>)</li>
  <li>props (<code>props: cProps</code>)</li>
  <li>the rest of the parent props (<code>...props</code>)</li>
  </ol>
  
  <p>How do I go about thinking about this conceptually in the <code>class ComponentName extends React.Component</code> definition in the first example?</p>