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 ...

Get Full-Stack React Projects - Second Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.