Bye bye create-react-app, Get started with React using Vite.js

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. Vite is a build tool that makes it easy to set up a new React project with minimal configuration. In this blog post, we’ll walk you through the steps to get started with Vite and show you how it can improve your React development experience.

Step 1: Install Vite

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

npm install -g vite        

Step 2: Create a new vite?project

Creating a new React project with Vite is as simple as running a these command:

npm init vite        

We need to add a project and package name, as demonstrated below:

We then need to select React as the framework and variant:

Step 3: Run your project

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

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 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???!

Source of this post: apoorveverma.com