Improve code example

Author: patrickmarabeas

README.md

@@ -6,13 +6,31 @@ Higher Order Component for demoing stateless functional React components
 
 > npm i -D react-stateful-hoc
 
+```
+/** App */
+
+import React from 'react';
+import StatefulHOC from 'react-stateful-hoc';
+import { Clicker, onClickHandler } from 'components/Clicker';
+
+const ClickerMock = StatefulHOC(Clicker);
+
+const ClickerDemo = ClickerMock({
+  onClick(prop) {
+    this.setState({ value: onClickHandler(this.value, prop) });
+  }
+});
+
+const App = () => <ClickerDemo />;
+render(<App />, document.getElementById('root'));
+```
+
 ```
 /** components/Clicker */
 
 import React from 'react';
 import propTypes from 'prop-types';
 
-
 const Clicker = (props) => {
   const { value } = props; // event handlers will need to reference props directly to maintain scope
   return <div onClick={() => props.onClick(1)}>CLICK ME: {value}</div>;
@@ -32,22 +50,4 @@ function onClickHandler(state, payload) {
 }
 
 export { Clicker, onClickHandler };
-```
-
-
-```
-/** App */
-
-import React from 'react';
-import StatefulHOC from 'react-stateful-hoc';
-import { Clicker, onClickHandler } from 'components/Clicker';
-
-
-const ClickerMock = StatefulHOC(Clicker);
-
-const ClickerDemo = ClickerMock({
-  onClick(prop) {
-    this.setState({ value: onClickHandler(this.value, prop) });
-  },
-});
 ```