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.
Add the form base structure
From the course: MERN Essential Training (2020)
Add the form base structure
- [Instructor] Okay, so now we're going to work on the Form components, so the PlayerForm. And what we going to do first is just fix that little warning message here. I'll just add soccer player as opposed to soccer image. And off we go. So let's close this, we don't need to use PlayerList anymore. Let's go back to PlayerForm. So we already have a class here, so we're already halfway there, and now we need to leverage a lot of the codes from Materialize. So what I'm going to do is go back to Materialize and then go into the Component section again and then scroll all the way down to Forms right here. And then what we're going to do is go into the Text Inputs section. So we're going to copy this line of code here, like so. So I'm going to copy the whole thing and then we'll just edit what we don't need. Copy of that, let's go back to Visual Studio's code, and I'm going to remove the code here like we've done before…
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)
-