This project was bootstrapped with Create React App following this tutorial.
- This application pulls data from the YouTube API and, based on the code written, returns the top 5 results from the query. The code also allows an initial query to be returned in the ComponentDidMount and that result is set to 'nashville software school.'
- Axios 0.19.2
- CSS3
- ESLint 14.2.0
- HTML5
- JavaScript
- Material-UI Core 4.11.0
- ReactDOM 16.13.1
- ReactJS 16.13.1
- Clone down this project from GitHub
- Install http-server from npm.
- In your browser, navigate to https://localhost:3000/
-
Review: another FANTASTIC tutorial.
-
The first result of the array that returns is the channel on youtube and the channel is not a video so it does not play. I worked around this issue by creating an empty array, using a for loop over the original response from youtube and, for each item whose id.kind was not youtube#channel, I pushed that into a new array and then setState to that new array. JS for the win!