Are you tired of using create-react-app to create your React applications? Well, you’re not alone. In March 2021, the React team launched their new website with updated documentation, and they no longer recommend using create-react-app.
So, what should you use instead? One great option is Vite.js. Vite.js is a blazing fast build tool that can help you set up a new React project quickly and easily. In this blog post, we’ll guide you through the steps to get started with Vite.js and show you how it can improve your React development experience.

Step 1: Install Vite

To get started with Vite.js, you need to have Node.js installed on your machine. Once you have Node.js installed, you can install Vite.js using the following command:

npm install -g vite

Step 2: Create a New Vite.js Project with React

Creating a new React project with Vite.js is as simple as running the following command:

npm init vite

We need to provide a project name as shown below:

Then we need to select React as the framework and variant:

Step 3: Run Your Vite.js Project

Once your project is created, you can start a development server with the following commands:

 cd my-react-app
 npm install
 npm run dev

This command will start a development server, and you can begin building your React application right away.

Step 4: Build Your Vite.js Project for Production

When you’re ready to build your React application for production, you can use the following command:

npm run build

This command will create a production-ready build of your React application in the dist directory.

Conclusion

If you’re looking for a faster, more streamlined way to create your React applications, give Vite a try. It’s easy to set up and can significantly improve your development experience. So, say goodbye to create-react-app and hello to Vite. Happy coding ❤️!