Vite + reactJs

Vite mas ReactJs como se inicia un proyecto con estas dos tecnologías

Es algo muy básico y simple

Es algo simple mira una demo

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

 

vote reactJS - Luis bernal - lbernal

Vite + reactJs