Comparación de velocidad entre Vite y Create-React-App: ¿Cuál es más rápido?

Posted by

VITE VS CREATE-REACT-APP ¿CUÁL ES EL MÁS RÁPIDO?

VITE VS CREATE-REACT-APP ¿CUÁL ES EL MÁS RÁPIDO?

Vite and Create-React-App are two popular tools used for creating React applications. Both offer advantages and disadvantages, and one of the key factors that developers consider when choosing between the two is speed. In this article, we will compare Vite and Create-React-App to determine which one is faster.

Vite

Vite is a build tool that aims to provide an extremely fast development experience for modern web projects. It leverages the power of ESBuild for bundling and offers instant server start and HMR (Hot Module Replacement) out of the box. Vite has gained popularity for its speed and developer-friendly features.

Create-React-App

Create-React-App is a popular tool for quickly setting up a new React project. It comes with a pre-configured build setup using webpack and Babel, allowing developers to get started with React development without having to deal with complex configuration settings. While Create-React-App is widely used and beginner-friendly, some users have raised concerns about its build performance.

Speed Comparison

When it comes to speed, Vite has a significant advantage over Create-React-App. Vite’s use of ESBuild for bundling and its instant server start result in much faster build times and page reloads during development. On the other hand, Create-React-App can sometimes suffer from slower build times, especially as the project grows in size.

Conclusion

In conclusion, Vite is the clear winner in terms of speed when compared to Create-React-App. Its use of modern technologies and focus on performance make it an excellent choice for developers looking for a fast and efficient development experience. However, it’s important to note that both tools have their own strengths and weaknesses, and the choice between Vite and Create-React-App ultimately depends on the specific needs and preferences of the developer or development team.

0 0 votes
Article Rating
11 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
@Rubio27ful
6 months ago

Buen video! Gracias por la explicación rápida y clara

@jeancarlosluciano9211
6 months ago

Otra diferencia es que no tiene el Readme file

@rmfigue
6 months ago

Es muy buena opcion pasarse a Vite, yo he migrado un proyecto muy grande, y practicamente no me ha costado nada, solo configurar el package.json para que instale vite y arranque con "npm run dev", y listo; ni hablar de los tiempos de ejecucion, es 10 veces mas rapido. Lo recomiendo totalmente.

@cpaez2000
6 months ago

El titulo del video esta mal no es "Vite vs React". Es "Vite vs Webpack". Webpack era el bundler por defecto al usar create-react-app. Ah y si quieres que funcione a un mas rapido sustituye npm por yarn, te evitaras los dolores de cabeza con los fix.

@espejitojorodovich5789
6 months ago

¿Por qué no recomiendan react?

@Miguelhernandezvonhartmann
6 months ago

Podrias crear otro video que se titule “manzanas vs burros, ¿cual es más azul?”

@eduardobatmann
6 months ago

Bro y si quiero usar React Router Dom y SASS, cómo se haría la configuración? Podrías ayudarme por favor 🙏🏻

@valentinmeier5434
6 months ago

Muchas graciass

@andremarti7884
6 months ago

Se ne hizo curioso que la competencia haga hecho la solución que inconscientemente los developers querian y que esperaban que aparezca en reactdev y no el grupo de react. En fin la hipotenusa

Buen vídeo marcos, bendiciones 👍

@Lukas-dt9km
6 months ago

Muchas gracias!! OK Crearemos proyectos con VITE. saludos desde Buenos Aires.

@gabrielrincon6744
6 months ago

Exelente viteJS es lo mejor . Gracias , muchas gracias crack, tu manera es más corta de poner todo en una línea y evitar Enter a cada rato ajajjajak . Una duda si quiero trabajar react con Javascript pondría : react-js ? .