Youtube Search dependencies & search components.

package.json

@@ -25,6 +25,7 @@
     "react": "16.3.2",
     "react-dom": "16.3.2",
     "react-redux": "5.0.7",
-    "redux": "4.0.0"
+    "redux": "4.0.0",
+    "youtube-api-search": "0.0.5"
   }
 }

src/components/search_bar.js

@@ -0,0 +1,10 @@
+import React, { Component } from 'react';
+
+class SearchBar extends Component {
+  render() {
+    return <input />;
+  }
+}
+
+// Export file (import in another file)
+export default SearchBar;

src/index.js

@@ -1,10 +1,18 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
+import SearchBar from './components/search_bar';
+
+// Variable to hold the API key
+const API_KEY = 'AIzaSyCV3vu9eXY75w23VFYZOAp1V5Rqk4gTD5E';
 
 // Create a new component. This component should produce
 // some HTML
 const App = () => {
-  return <div>Hi!</div>;
+  return (
+    <div>
+      <SearchBar />
+    </div>
+  );
 }
 
 // App = function() similar to App = () =>