Join Shaun Wassell for an in-depth discussion in this video Making the articles list modular, part of React: Creating and Hosting a Full-Stack Site.
we just defined the list directly inside the page. … of related articles at the bottom … Instead of recoding what we've already coded here … reusable articles list component. … articles list page, and export articles list page. … because we renamed the file, and also for consistency … we want to rename articles list here to articles list page … as well, and then update it when we use it here. … So let's make sure our app is running, … let's see how we can create a reusable articles list … a separate directory to hold our reusable components … called articles list dot js. … called articles list and export it. … And move that into our articles list, like this. … And note that we're going to have to wrap this … and then replace article content with that articles prop. … And there's one thing that we have to do before we can … get it to work, notice that we're no longer using … component up and running, why don't we add a related … And then we're going to put our articles list right under …
- 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.