import React, { Component, PropTypes } from 'react'
import { renderToString } from 'react-dom/server'
import Helmet from 'react-helmet'


export default class Html extends Component {
  static propTypes = {
    content: PropTypes.node,
  }

  render() {
    const { content } = this.props
    const renderedContent = content ? renderToString(content) : ''
    const head = Helmet.rewind()

    return (
      <html lang="en-us">
        <head>
          {head.base.toComponent()}
          {head.title.toComponent()}
          {head.meta.toComponent()}
          {head.link.toComponent()}
          <meta name="viewport" content="width=device-width, initial-scale=1" />
        </head>
        <body>
          <div id="app" dangerouslySetInnerHTML={{ __html: renderedContent }}/>
          <script src="/app.js" charSet="UTF-8"/>
        </body>
      </html>
    )
  }
}

@@ -12,19 +12,8 @@
 t, %7B
- Component,
  Pro
@@ -139,146 +139,37 @@
 ult 
-class Html extends Component %7B%0A  static propTypes = %7B%0A    content: PropTypes.node,%0A  %7D%0A%0A  render() %7B%0A    const %7B content %7D = this.props%0A  
+function Html(%7B content %7D) %7B%0A
   co
@@ -229,18 +229,16 @@
 t) : ''%0A
-  
   const 
@@ -263,18 +263,16 @@
 nd()%0A%0A  
- 
- 
 return (
@@ -272,18 +272,16 @@
 eturn (%0A
-  
     %3Chtm
@@ -306,19 +306,15 @@
     
-  
 %3Chead%3E%0A
-  
     
@@ -347,26 +347,24 @@
 ()%7D%0A        
-  
 %7Bhead.title.
@@ -382,26 +382,24 @@
 ()%7D%0A        
-  
 %7Bhead.meta.t
@@ -404,34 +404,32 @@
 .toComponent()%7D%0A
-  
         %7Bhead.li
@@ -454,18 +454,16 @@
         
-  
 %3Cmeta na
@@ -535,18 +535,16 @@
     
-  
 %3C/head%3E%0A
     
@@ -535,26 +535,24 @@
     %3C/head%3E%0A
-  
       %3Cbody%3E
@@ -560,18 +560,16 @@
         
-  
 %3Cdiv id=
@@ -638,18 +638,16 @@
         
-  
 %3Cscript 
@@ -675,16 +675,17 @@
 =%22UTF-8%22
+ 
 /%3E%0A     
@@ -689,18 +689,16 @@
     
- 
- 
 %3C/body%3E%0A
     
@@ -689,26 +689,24 @@
     %3C/body%3E%0A
-  
     %3C/html%3E%0A
@@ -711,14 +711,57 @@
 %3E%0A  
-  )%0A  %7D
+)%0A%7D%0A%0AHtml.propTypes = %7B%0A  content: PropTypes.node,
 %0A%7D%0A

Refactor Html into a function (vs. class)