Creating Your First React App: A Step-by-Step Guide
Step 1: Set Up Your Development Environment
Before you start building your React app, ensure that you have Node.js and npm (Node Package Manager) installed on your machine. You can download them from nodejs.org. Once installed, you can use npm to install the create-react-app tool globally:
npm install -g create-react-app
Step 2: Create a New React App
With create-react-app installed, you can create a new React app with a single command. Navigate to the directory where you want to create your app and run:
npx create-react-app my-react-app
Replace “my-react-app” with your preferred app name. This command sets up a new React project with a default folder structure and necessary dependencies.
Step 3: Explore the Project Structure
Once the app is created, navigate into the project folder:
Take a moment to explore the project structure. Key directories include “src” (for your source code) and “public” (for static assets). The “src” directory contains the main App component and other essential files.
Step 4: Run Your React App
Start your React app with the following command:
This will launch a development server, and your app will be accessible at
http://localhost:3000 in your web browser. Any changes you make to your code will trigger an automatic refresh.