Youtube Search dependencies & search components.
This commit is contained in:
parent
8d4e8100be
commit
92ce27e1c2
|
@ -25,6 +25,7 @@
|
||||||
"react": "16.3.2",
|
"react": "16.3.2",
|
||||||
"react-dom": "16.3.2",
|
"react-dom": "16.3.2",
|
||||||
"react-redux": "5.0.7",
|
"react-redux": "5.0.7",
|
||||||
"redux": "4.0.0"
|
"redux": "4.0.0",
|
||||||
|
"youtube-api-search": "0.0.5"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
10
src/index.js
10
src/index.js
|
@ -1,10 +1,18 @@
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
import ReactDOM from 'react-dom';
|
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
|
// Create a new component. This component should produce
|
||||||
// some HTML
|
// some HTML
|
||||||
const App = () => {
|
const App = () => {
|
||||||
return <div>Hi!</div>;
|
return (
|
||||||
|
<div>
|
||||||
|
<SearchBar />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
// App = function() similar to App = () =>
|
// App = function() similar to App = () =>
|
||||||
|
|
Loading…
Reference in New Issue