This content originally appeared on DEV Community and was authored by David Newberry
Previous video blog: Part 2
Video 3 (about 18 min):
(Stream 2)
https://youtu.be/e_2t2MNYDFQ
In this video, I start by installing VS Code.
I start VS Code, and then open up the React project directory created in the first video.
-
I spend a minute looking at the file hierarchy of the project, and then open up the source file for a component called Welcome, and use it to talk a little bit about how components work.
I look a little more at the files. I don't see a files called App.js or App.tsx, which is sometimes the root of the React app. In this case, I overlooked
root.tsx, so I'll explore that in the next video. -
I start the React development server by running:
npm run devIn the browser, I then load the site by visiting the URL printed in the terminal; as I recall, localhost:5173.
Finally for this video, I go back to the source in VS Code and demonstrate how the React dev server takes care of essentially refreshing and "Hot [Re]loading" the content that gets changed, if you edit the source code.
In the next video installment, I plan to:
- Create a new branch in git
- Create a new React component
- Discuss how state is handled in React
- Merge the working branch into main*
(*) As it happens, I didn't have time in that stream! But next time, for sure.
This content originally appeared on DEV Community and was authored by David Newberry
David Newberry | Sciencx (2025-10-23T03:26:47+00:00) React, Git[Hub], and VS Code for Beginners – Video 3. Retrieved from https://www.scien.cx/2025/10/23/react-github-and-vs-code-for-beginners-video-3/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.