Build a ReactJS/Javascript MP3 Player with 7 Components

Developers who are familiar with Javascript and basic ReactJS will get more practice by building 7 components and various lifecycle methods can now build a fun application which plays MP3s from a simple JSON object.

In this course, we start with the ES6 NodeJS package called Create-React-App and then we build our player with it. 

With our app we will add all of the following features:

• main player component
• MP3 buttons
• custom play button
• custom pause button
• custom mute button
• custom volume slider control
• animated title marquee
• genre buttons to filter MP3 buttons by specific genres including (rock, hip hop, country, and more)
• select and play a random MP3 when the player is first started

In this course, you will learn the following:

• how to build ReactJS components using ES6 syntax
• how to set states the ES6 way
• how to pass states as props from parent components into child components
• how to get more comfortable with the lifecycle methods render, shouldComponentUpdate, componentWillMount, componentDidMount, componentWillReceiveProps
• how to access methods and properties of the HTML5 audio tag
• how to style with CSS3 animations
• how to use the ReactJS map function to cycle through JSON object nodes
• how to properly bind component methods inside the instructor
• how to create ReactJS references known simply as "refs"
• how to use the dangerouslySetInnerHTML attribute and when it is appropriate to use it
• build a HTML5 range control for our volume slider
• how to create routes and bind them to paths using the BrowserRouter NPM package