Javascript Programming Tutorials, Guides & Best Practices

No preview available for this content.

Create a new file in the src directory called Header.jsx:

import React from 'react';

const Header = () => {
  return (
    <header className="bg-blue-500 text-white p-4">
      <h1 className="text-2xl">Welcome to My React App</h1>
    </header>
  );
}

export default Header;

Access these variables in your React components:

   const apiUrl = import.meta.env.VITE_API_URL;

First, we need to set up a new React application. We'll use Create React App, a popular toolchain for setting up React projects with no build configuration.

Open your terminal and run the following command to create a new React application: