From the course: MERN Essential Training (2020)
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Create the single item component
From the course: MERN Essential Training (2020)
Create the single item component
- [Instructor] Now let's add the code for the PlayerSingle and focus on that component. And one more thing that I'd like to do also is add a menu to the main app here. So right now we have a single menu here, we don't have much to look for. So, what we're going to do is go back to materializecss.com here and then go into the component section here and then scroll all the way down to where you can see the nav component right here, nav bar. And what we want to do is copy all that code here like so, so copy that code and let's go back to VS Code and then where we want to paste it is inside of that first row here. So you want to simply remove where the menu is right here and then paste that code inside. Okay, and then let's make sure we tab this properly like so and if you're familiar with React, you know that its going to scream about having class and not class name. So let's correct that right away. So I'm going to do…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
(Locked)
Add a styling library and folder structure6m 9s
-
(Locked)
Add the main page structure6m 21s
-
(Locked)
Add the state and Axios7m 10s
-
(Locked)
Create the listing component5m 21s
-
(Locked)
Create the single item component9m 25s
-
(Locked)
Add the form base structure6m 34s
-
(Locked)
Finalize the form7m 18s
-
(Locked)
Extend the application1m 52s
-
(Locked)
-