Skip to main content

React Project Setup

How to Create React Project 

Make sure you've already install node js + npm 

1. Open your terminal, and move to any directory that you want to keep the project. 

image.png

2. Type the following command to create React Project
npx create-react-app yourAppName

or You can use Vite, which is faster 

npm create vite@latest

Why we use Vite? 

    Ridiculously Fast Development: Vite is known for its blazing-fast development server, which leverages native ES module imports to eliminate the need for bundling during development. Flexible Configuration: Vite provides a flexible configuration system that allows you to customize every aspect of your project setup. This makes it suitable for a wide range of projects.
    In case you use Vite 

    image.png

      Type your project name and then click enter Select React as a framework (use your arrow key to move) 

      image.png

       3. Select JavaScript 

      image.png

      Then it's donee :)

      3. Move to your project folder (The one that you define the name)

      image.png

      4. Type the following command to install dependencies 
      npm i

      image.png


      5. Type the following command to run the project 
      npm run dev

      image.png

      image.png

      Yeayy you already completed the step!!  :)


      React Folder & File

      image.png

      /public : it' s a directory to keep html file (index.html) and the images will keep in this directory

      /src : it's a directory to keep javascript or Typescript file. All file that you develop keep in this directory

      package.json :this file include information of project and the dependency that you install and script to run command

      image.png


      Back to top