Scribd
Upload
24 views5 pages

Lab11 WebEngineering

The document provides steps to create a React project in VS Code, including initializing with create-react-app and printing a simple 'Hello World'. It also includes links for tutorials on 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
24 views5 pages

Lab11 WebEngineering

The document provides steps to create a React project in VS Code, including initializing with create-react-app and printing a simple 'Hello World'. It also includes links for tutorials on 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
You are on page 1/ 5

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