Quick Start

Create a New Project

Using Create React App:

npx create-react-app my-app
cd my-app
npm start

Using Vite (Recommended):

npm create vite@latest my-app -- --template react
cd my-app
npm install
npm run dev

Project Structure

my-app/
├── node_modules/     # Dependencies
├── public/           # Static assets
├── src/              # Source code
│   ├── App.jsx       # Root component
│   ├── main.jsx      # Entry file
│   └── ...
├── index.html        # HTML template
├── package.json      # Project configuration
└── vite.config.js    # Vite configuration

Write Your First Component

src/App.jsx

function App() {
  return (
    <div>
      <h1>Hello, React!</h1>
      <p>Welcome to React development.</p>
    </div>
  );
}

export default App;

Start Development Server

npm run dev

Open http://localhost:5173 to view your application.