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
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 ❤️!
Simply wanna comment that you have a very nice site, I enjoy the design it actually stands out.