title: How does state work in React sever side rendering?
body: <p>I was watching this <a href="https://www.youtube.com/watch?v=B65P35Qpdpc" rel="nofollow noreferrer">video</a> and wanted to understand how the state for a component during the first page load is set to the component. Does the component already get built out with the state set on the server side and then get sent down to the client as HTML <strong>OR</strong> does the component get built out on the server side, get sent down to the client as HTML, and then run bundle.js to get the data?</p>
  
  <p>Around the 8 minute mark in the video, the speaker talks about the window state needing to be set and be synced with the React state. What is that about? Why does there need to be state on the window if it's already set on the server side? Is it because it's not being set yet, and it's sent down separately from the server and the client component has to grab it off the window?</p>