MyTube
React App that lets you search and play youtube videos.
Concepts covered
- Creating react App using create-react-app
- Creating class based and functional components with state management
- Using SemanticUI for styling
- Turning uncontrolled inputs to controlled inputs
- Handling form submittal with
event.preventDefault()
- Generating and using Youtube data API
- Install and use axios to make API calls with
async
await
. - Sending callbacks for event handlers parents to child.
- Updating state with fetched data
- Impliment styling using Semantic.UI
- Handing child click events from parent using callbacks
- Conditional rendering of child components
- Using
<iframe/>
to display embedded videos. - Semantic Ui grid system for styling