Server side render

[StefanoPastore]

See this comment on issue #13

[mjackson]

I was thinking of something much more lightweight, where we get our initial matches state from the defaultMatches prop (for the initial render) and then update the state again with the media query state in componentDidMount.

[mjackson]

Please don't make changes to .gitignore. Thanks :)

[mjackson]

In general, this approach feels too heavy for this library. We shouldn't be rendering a <style> tag when rendering on the server.

[StefanoPastore]

I get it, but if the rendering is universal then the <style>tag on the server becomes meaningful as a counterpart of the client tag. Also, this is needed for crawlers which expect the markup to be the same on both sides.

[mjackson]

I'm sorry, but this PR is just doing way too much. There must be an easier way to achieve what you're after.

[StefanoPastore]

Without <style> tag it isn't possibile, but if you want I can change universalRender method as well:

universalRender(){
  return MatchElement
}

For fix warning until we find a better solution.

What do you think?

[mjackson]

Well, we can't include a <style> tag in our output. That's taking on too much responsibility. I'm sorry, but if you'd like to take that route you'll have to do it in a separate library.