No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Curso de Vite.js

Curso de Vite.js

Diana Mart铆nez

Diana Mart铆nez

Soporte para React

17/19
Recursos

Vite nos permite usar frameworks como por ejemplo react.js, vue.js y algunos otros como lit o svelte, a la vez que tenemos todas las ventajas de Vite. En este caso vamos a crear un proyecto con React y ver lo sencillo que es.

Creando un proyecto con React

Primero tendr铆amos que utilizar el comando npm create vite@latest o yarn create vite, el cual nos da una serie inputs que ya hemos visto anteriormente. A continuaci贸n te mostrar茅 como lo configure yo:

  • ? Project name: 禄 vite-react
  • ? Select a framework: 禄 react
  • ? Select a variant: 禄 react

Es importante que si quieres crear un proyecto de React cuando te pregunten el framework escojas react.

Una vez acabes de dar los inputs ver谩s que se gener贸 un proyecto de React muy parecido con los que estamos acostumbrados a trabajar, solo faltar铆a instalar dependencias y con eso ya podr铆as ejecutarlo.

plugin-react

En los archivos que nos gener贸 Vite destaca el vite.config.js, en el cual podemos encontrar un plugin para react que viene de @vitejs/plugin-react y lo estamos empleando en una configuraci贸n que se llama plugin, esta simple configuraci贸n es lo que nos permite trabajar con react.

Contribuci贸n creada por: Jofay Zhan Segura

Aportes 8

Preguntas 4

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

Datazo:
si usas el comando code -r .
No se abre una nueva pantalla, sino que utiliza la pantalla abierta.

Esos cursos de React.js de JuanDc son la locura

B谩sicamente vite tiene soporte entero para React y Vue, estar铆a bueno que agregaran para Svelte tambi茅n

En Vite.js tambi茅n se puede configurar los auto-import para react mediante la siguiente configuraci贸n

import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';

/** @type {import('vite').UserConfig} */
export default defineConfig({
    esbuild: { jsx: 'automatic' },
    plugins: [react()]
})

Vite nos exige que donde usemos JSX siempre los archivos tienen que terminar en

.jsx

aqui seguimos! confiando en la ruta de platzi! excelente curso y profe! 鉂わ笍

En el contexto de Vite y JavaScript, SWC se refiere a 鈥淪uper-fast Web Compiler鈥 (Compilador web s煤per r谩pido, en espa帽ol). SWC es un proyecto de c贸digo abierto que proporciona un compilador JavaScript/TypeScript extremadamente r谩pido y eficiente.
.
Vite es un marco de construcci贸n de aplicaciones web y bundler (empaquetador) que utiliza tecnolog铆as modernas como JavaScript modular (ES module) y carga r谩pida (Fast Refresh) para mejorar el rendimiento y la productividad del desarrollo web. Vite utiliza SWC como uno de sus compiladores para transformar el c贸digo JavaScript/TypeScript durante el proceso de construcci贸n.
.
SWC est谩 dise帽ado para ser un reemplazo r谩pido y eficiente del compilador Babel. Ofrece una velocidad de compilaci贸n significativamente m谩s r谩pida, lo que resulta en un tiempo de construcci贸n m谩s r谩pido para las aplicaciones web desarrolladas con Vite.
.
En resumen, en el contexto de Vite y JavaScript, SWC se refiere a un compilador JavaScript/TypeScript s煤per r谩pido que se utiliza en el proceso de construcci贸n de aplicaciones web con Vite para mejorar el rendimiento y acelerar el tiempo de construcci贸n de la aplicaci贸n.

Este curso me est谩 motivando a aprender react, ya que yo me he enfocado mas que todo en backend