Why VITE should be preferred over CRA ( Create React App)
When you spend some time with 'create-react-app' for creating React Application you need to move onto faster solutions quickly. Vite is the best alternative for same.
But what is Vite..?
Vite is a build tool specially designed to enhance development speed and experience. It creates lightweight bundle of dependencies to make the development process super fast.
Vite has faster development server because it uses native ES module imports, which allows 'hot-reloading' that contributes to faster setup and execution time.
CRA has long waiting time while creating bundle for application , slower process ,development and production time which taste a bit of patience in you.
On the other hand Vite has a optimized production build with smaller bundle size makes it ideal for production of app.
Native ES Modules contributes directly to smaller and fast app as the app doesn't use direct configuration instead uses native support to the modules.
Vite mainly focuses on Plugin based architecture where for every tool you can install plugins.
Vite has good TS support as compared to CRA
NoTe-
While Vite is good alternative still CRA used widely for more stable production build as all the dependencies are planted itself in the project folder unlike native modules of Vite.