Creating Our First App in React.js 19

Follow these steps to create and run your first React 19 application.

📌 Step 1: Install Vite

Open your terminal and run the following command:

            npm create vite@latest my-react-app --template react
        

📌 Step 2: Navigate to Your Project

Move into your newly created project folder:

            cd my-react-app
        

📌 Step 3: Install Dependencies

Install the necessary dependencies including React 19:

            npm install
        

📌 Step 4: Start the Development Server

Run the following command to start your development server:

            npm run dev
        

📌 Step 5: Open the Project in a Code Editor

Use a code editor like VS Code and open your project folder:

            code .
        

📌 Step 6: Modify the App Component

Open the src/App.jsx file and update it with the following content:

            
import React from 'react';

function App() {
    return (
        

            
Hello, React 19!
            
This is your first React app running on Vite.
        
    );
}

export default App;
            
        

✅ Your First React 19 App is Ready!

Now, visit the localhost link shown in the terminal to see your first React 19 application in action.