Full-Stack React Projects - Second Edition

The NewMedia component

Registered users on the MERN Mediastream application will interact with a form view to enter details of a new media post. This form view will be rendered in the NewMedia component, which will allow a signed-in user to create a media post by entering the title, description, and genre of the video and uploading a video file from their local filesystem.

This form view will render as follows:

We will implement this form in a React component named NewMedia. For the view, we will add the file upload elements using a Material-UI Button and an HTML5 file input element, as shown in the following code.

mern-mediastream/client/media/NewMedia.js ...