title: Responsive server side rendering with React
body: <p>I would like to be able to render a different layout based on the device's width. </p>
  
  <p>(i.e. show a picture to the left of an element when the device is small and on top when the device is large).</p>
  
  <p>It would be possible of course on client via matchMedia, but I'm using server side rendering on would like to preserve the rendering consistency.</p>
  
  <p>The best I could come up with is using MobileDetect and assume the device's width (basically, if it's a phone...), but it's still an assumption.</p>
  
  <p>Are there any better methods?</p>