Scribd
Upload
11 views4 pages

React Project Setup Guide in VS Code

React is an open-source JavaScript library for building user interfaces, maintained by Meta and the community. The document provides a step-by-step guide for creating a React project in Visual Studio Code, including folder creation, terminal commands, and basic code for displaying 'Hello World'. Additionally, it includes links to YouTube tutorials for creating a login form.

Uploaded by

Ayesha Asad
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
11 views4 pages

React Project Setup Guide in VS Code

React is an open-source JavaScript library for building user interfaces, maintained by Meta and the community. The document provides a step-by-step guide for creating a React project in Visual Studio Code, including folder creation, terminal commands, and basic code for displaying 'Hello World'. Additionally, it includes links to YouTube tutorials for creating a login form.

Uploaded by

Ayesha Asad
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

React is a free and open-source front-end JavaScript library for building user interfaces based on

components. It is maintained by Meta and a community of individual developers and companies. React
can be used to develop single-page, mobile, or server-rendered applications with frameworks like
Next.js

For creating a react Project in the VS code:

1. Create a folder in your computer


2. Name the folder of your choice
3. Open the folder and write cmd in the search bar

Write code . in cmd

4. It will open the visual studio


5. Open the terminal

Write ( npm create react-app any your folder name) it will create a new folder
6. Write npm start for starting the project
Printing HELLO WORLD
Open the app.js file remove the code and write
import './App.css';

function App() {
return (
<div >
Hello world
</div>
);
}

export default App; this will import in the index.html

1. https://www.youtube.com/watch?v=kghwFYOJiNg
For creating a login form

2. https://www.youtube.com/watch?v=aKByHmd6unc

You might also like