added backup source for future ref

app/srcbak/com/Foo.css

@@ -0,0 +1,14 @@
+.foo {
+    margin: 10px;
+    padding: 10px;
+    background: #eee;
+}
+
+.foo .yeah {
+    margin-top: 20px;
+}
+
+.foo .yeah p {
+    margin: 0;
+    border-bottom: solid 1px red;
+}

app/srcbak/com/Foo.hx

@@ -0,0 +1,27 @@
+package com;
+
+import react.ReactComponent;
+import react.ReactMacro.jsx;
+import Webpack.*;
+
+class Foo extends ReactComponent {
+
+    static var STYLES = require('./Foo.css');
+    static var IMG = require('./bug.png');
+    static var CONFIG = require('../config.json');
+
+    public function yeet(){
+        trace(state);
+    }
+
+    override function render() {
+        return jsx('
+            <div className="foo">
+                <img src=$IMG/> ${CONFIG.hello}!
+                <p onClick=${yeet}> ${CONFIG.yeet}!</p>
+                <hr/>
+                Let\'s do some HRM guys<br/>
+            </div>
+        ');
+    }
+}

app/srcbak/com/Foo2.hx

@@ -0,0 +1,23 @@
+package com;
+
+import react.ReactComponent;
+import react.ReactMacro.jsx;
+import Webpack.*;
+
+class Foo2 extends ReactComponent {
+
+    static var STYLES = require('./Foo.css');
+    static var IMG = require('./bug.png');
+    static var CONFIG = require('../config.json');
+
+
+    override function render() {
+        return jsx('
+            <div className="foo2">
+                <img src=$IMG/> ${CONFIG.hello}!
+                <hr/>
+                Let\'s do some HRM guys<br/>
+            </div>
+        ');
+    }
+}