Go back

In this tutorial we will see how we can create a React project using vite.

If you're starting a React project, you want a tool that’s fast, easy to use, and makes your project run smoothly. That’s where Vite comes in. It's a modern alternative to older tools like Create React App (CRA).

Why Use Vite?

1. Fast Setup:

   Vite lets you start your project quickly without waiting for long setups.

2. Quick Updates While Coding:

   When you make changes, Vite updates your project instantly, so you see results immediately.

3. Smaller and Faster Projects:

   Vite helps make your project files smaller and faster to load.

4. Simple to Use:

   Vite is easy to set up and doesn’t require a lot of extra work.

5. Modern Features:

   Vite uses the latest web technology to keep your project up to date.

Now let’s see how we can create out project with vite:

• Install Node.js:

  Before starting, make sure you have Node.js installed on your computer.

  You can download it from https://nodejs.org/

• Create an empty folder and open it on the editor

• open the terminal and make sure you’re in the same directory

• type this command:

  npm create vite@latest

• Enter a name for your project

• choose React

• choose Javascript (if you’re using typescript choose it)

You will notice that the folder was created

• enter the folder : cd ./[folder_name]