ViteJs y ReactJs para iniciar un nuevo proyecto con estas dos tecnologías emergentes, vite es una herramienta de desarrollo para aplicaciones web basadas en JavaScript y TypeScript. Fue creada por Evan You, el creador de Vue.js, y tiene como objetivo ser una alternativa más rápida y ligera a otras herramientas de desarrollo como Webpack. Vite utiliza un enfoque de «importación de sintaxis» para la carga de módulos en lugar de generar un bundle final como lo hacen otras herramientas, lo que lo hace más rápido y fácil de utilizar.
React es una biblioteca de JavaScript para la construcción de interfaces de usuario. Fue creada por Facebook y es ampliamente utilizada tanto por empresas como por desarrolladores independientes. Algunas de las principales características de React son su enfoque en componentes y su uso de una sintaxis especial llamada JSX para describir la interfaz de usuario.
Es importante tener en cuenta que Vite y React son cosas diferentes. Vite es una herramienta de desarrollo que se puede utilizar para construir aplicaciones web, mientras que React es una biblioteca de JavaScript que se utiliza para construir interfaces de usuario. Aunque ambos son muy populares y pueden utilizarse juntos para construir aplicaciones web modernas y escalables, tienen diferentes propósitos y funciones.
Microsoft Windows [Versión 10.0.22000.1335]
(c) Microsoft Corporation. Todos los derechos reservados.
C:\Users\Administrador\Desktop\Developer\Citas>npm run dev
> citas@0.0.0 dev
> vite
«vite» no se reconoce como un comando interno o externo,
programa o archivo por lotes ejecutable.
C:\Users\Administrador\Desktop\Developer\Citas>npm init vite@latest
√ Project name: … Citas
√ Package name: … citas
√ Select a framework: » React
√ Select a variant: » JavaScript
Scaffolding project in C:\Users\Administrador\Desktop\Developer\Citas\Citas…
Done. Now run:
cd Citas
npm install
npm run dev
C:\Users\Administrador\Desktop\Developer\Citas>cd Citas
C:\Users\Administrador\Desktop\Developer\Citas\Citas>npm install
added 82 packages, and audited 83 packages in 20s
8 packages are looking for funding
run `npm fund` for details
found 0 vulnerabilities
C:\Users\Administrador\Desktop\Developer\Citas\Citas>npm -D install tailwindcss postcss autoprefixer
added 56 packages, and audited 139 packages in 12s
20 packages are looking for funding
run `npm fund` for details
found 0 vulnerabilities
C:\Users\Administrador\Desktop\Developer\Citas\Citas>npm run dev
> citas@0.0.0 dev
> vite
VITE v4.0.4 ready in 506 ms
➜ Local: http://localhost:5173/
➜ Network: use –host to expose
➜ press h to show help
Vite + reactJs