React JS First Application — Complete Setup Guide with Source Code | Telugu

Experiment #1

Title: React JS First Application — Complete Setup Guide with Source Code | Telugu 2026

Aim:

To design and develop a straightforward React JS application. This experiment will examine the process for developing and building a web-based React project. In addition, it will provide insight into how to set up the required software components, write code, generate project files from source files, and produce an executable file.

1. Software Installations Required for Project Completion: - Windows 10/11 - Node.js - NPM - Visual Studio Code - React.js

Source Code:

Step 1: Create React Project

npx create-react-app my-app

Step 2: Open Project

cd my-app

Step 3: Run the Application

npm start

Step 4: Replace src/App.js with the following code

function App() {

return (

<div>

<h1>Hello Friends..!</h1>

<p>This is my first React App!</p>

</div>

);

}

export default App;

Output

------------------------------------

Hello Friends..!

This is my first React App!

------------------------------------

Browser Output:

http://localhost:3000

Hello Friends..!

This is my first React App!

Result:

Thus, the react JS application was successfully created, and the output was displayed in browser.

Video Tutorial: Complete video tutorial తెలుగులో చూడండి 👇

👉 Subscribe చేయండి: Lectures by Ravula Govardhan

- Node.js Install: https://youtu.be/-WmmC7WCbWI