diff --git a/src/components/HelloWorld.js b/src/components/HelloWorld.js
new file mode 100644
index 00000000..5d4013d5
--- /dev/null
+++ b/src/components/HelloWorld.js
@@ -0,0 +1,8 @@
+import React, {Component} from 'react';
+
+export default class HelloWorld extends Component {
+
+  render() {
+    return <h1>Hello World</h1>;
+  }
+}
diff --git a/src/components/ReactTestComp.js b/src/components/ReactTestComp.js
new file mode 100644
index 00000000..2e103e17
--- /dev/null
+++ b/src/components/ReactTestComp.js
@@ -0,0 +1,21 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import HelloWorld from './HelloWorld';
+import {noView, inject, customElement, bindable} from 'aurelia-framework';
+
+@noView()
+@inject(Element)
+@customElement('react-testcomp')
+export class ReactTest {
+  constructor(element) {
+    this.element = element;
+  }
+
+  render() {
+    ReactDOM.render(<HelloWorld/>, this.element);
+  }
+
+  bind() {
+    this.render();
+  }
+}
diff --git a/src/react-test.html b/src/react-test.html
index e51e1e5a..f125dab2 100644
--- a/src/react-test.html
+++ b/src/react-test.html
@@ -1,6 +1,7 @@
 <template>
+  <require from="./components/ReactTestComp"></require>
   <div class="page-content">
     <h1>React Test</h1>
-    <div class="here"></div>
+    <react-testcomp/>
   </div>
 </template>