Join Shaun Wassell for an in-depth discussion in this video Setting up a React project, part of React: Creating and Hosting a Full-Stack Site.
from scratch is by using a generator. … There are several generators, … out of getting a React site up and running. … In this video we're going to use Create React App, … which is an open source generator published by Facebook … and currently one of the most popular ways … to create a new React application. … I'm going to use VS code's integrated terminal … which I highly recommend. … And then go to the directory … you want your projects directory to be inside of. … Now once you're there run this command, … npx create-react-app … and then whatever you want your project folder to be called. … I'm just going to call it my-blog … and finally we're going to run this command … with the use-npm flag. … And that's all there it to it. … Now we just have to wait a little while … while Create React App sets up our project for us. … This may take a few minutes so just be patient. … and run it by typing npm start. … The terminal will then open our app in a browser tab … and there we have it. … A fully functional React app in only a few minutes. …
- 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.