- Our website now has a way for us to add … up votes to articles, … but it's still lacking a way to add comments. … So let's figure out how to add that functionality. … A good place to start, as with our other additions, … would be to create a new file in our components directory. … And we'll call it, add comment form. … .js … and then again, we'll add the necessary boiler plate. … create our new component. … And export our component. … Now inside our component here, … there's three basic things we're going to want … We'll say input type equals text. … We're going to want a text area for them … We'll give this text are four rows. … Rows equals four. … We'll give it 50 columns. … And last but not least we're going to want a submit button … So we'll say button. … And this button will say, add comment. … Now let's wrap this whole thing in a div. … And if you're using my styling let's add I-D. … equals add comment form. … And put all of our stuff inside the div. … Which will just look like this. …
- Creating the app component
- Using React-Router links
- Setting up an Express server
- Route parameters in Express
- Adding the comments functionality
- Installing and adding MongoDB to your project
- Rewriting the endpoints
- Adding React hooks
- Adding buttons and forms
- Pushing code to GitHub
- Running a full-stack app on AWS
Skill Level Intermediate
1. Creating a React Front End
2. Creating a Node Back End
3. Setting Up MongoDB
4. Connecting the Front and Back Ends
5. Hosting the Site
Next steps1m 17s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.