created component

js/components/heading.js

@@ -0,0 +1,9 @@
+import React from 'react';
+
+class Heading extends React.Component {
+    render() {
+        return <h1>Hello, {this.props.title}!</h1>;
+    }
+}
+
+export default Heading;

js/index.js

@@ -1,7 +1,8 @@
 import ReactDOM from 'react-dom';
 import React from 'react';
+import Heading from './components/heading.js';
 
 ReactDOM.render(
-  <h1 className="foo">Hello, world!</h1>,
+  <Heading title="Matt"/>,
   document.querySelector('main')
 );

js/mylib.js

@@ -1,19 +0,0 @@
-const myFunc = function(){
-    console.log('included!');
-}
-const myFunc2 = function(){
-    var a = 1;
-    var b = 2;
-    var c = {a,b};
-    console.log(c);
-}
-
-class Foo {
-    bar(){
-        console.log('ya');
-    }
-}
-
-export default myFunc;
-
-export { myFunc2, Foo }