title: TypeScript does whole page render with multiple returns?
body: <p>Is there any difference between these two functions in terms of re-rendering? I did like at the bottom. Divided into multiple functions so it was clear what I was rendering which leads to alot more readable code.</p>
  <p>But a guy at work said it was bad in terms of that it re-renders the whole page instead of just what is needed to re-render. It should not make any difference to the compiler in my matter... but I didn't have any valid arguments so I kept quiet.</p>
  <pre><code>const myApp = () =&gt; {
    return (
      everything that I want to render on this page
   )
  }
  </code></pre>
  <p>compared to doing it like this:</p>
  <pre><code>const myApp = () =&gt; {
    const renderSomething = () =&gt; {
       return ( something )
    } 
   const renderSomethingMore = () =&gt; {
       return ( somethingMore )
    } 
  
   return (
      {renderSomething}
      {renderSomethingMore}
   )
  }
  </code></pre>