Soporte para React
Contenido del curso
Soporte para React
Contenido del curso
Max Andy Diaz Neyra
Juan Castro
Profesor
Luis Guzmán
Gilbert Ardila
Rubén Ernesto Aragón Gil
Wilmer Garzon Cabezas
Team Platzi
Ricardo Andrés Nakanishi
Diana Martinez
Diana Martinez
Sergio Andrés Majé Franco
Juan David Reyes
Miguel Angel Hernandez Colombo
Kenneth Angulo L
Javier Vargas
Diana Martinez
Javier Vargas
JUAN JOSE HERNANDEZ MUÑOZ
Diana Martinez
Alejandro Daniel Calderón Prin
Diana Martinez
Alejandro Daniel Calderón Prin
Camilo Alexander Velandia Velandia
Diana Martinez
Andre Huaman Yovera
Julian David Alzate Cuervo
Datazo: si usas el comando code -r . No se abre una nueva pantalla, sino que utiliza la pantalla abierta.
:100:
super dato!
Esos cursos de React.js de JuanDc son la locura
En unas semanas más, llego a ese curso.
Son los mejores!
Básicamente vite tiene soporte entero para React y Vue, estaría bueno que agregaran para Svelte también
Si tiene soporte para Svelte :D
De hecho puedes ver en la misma documentación de SvelteKit, que un proyecto generado con su herramienta, en realidad es un proyecto de Vite con el plugin como el de esta clase, pero para Svelte.
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! <3
¿Por qué usar Vite en lugar de CRA?
Vite es inmensamente superior a Create React App (CRA) porque no empaqueta todo tu código durante el desarrollo, sino que sirve los archivos bajo demanda usando ES Modules nativos. Esto significa que el servidor arranca en milisegundos, sin importar el tamaño de tu aplicación. Además, las actualizaciones en pantalla son instantáneas, eliminando los largos tiempos de espera de Webpack.
¿Cómo podría agregar fuentes en React con Vite?
¿Fuentes tipográficas?, como en cualquier proyecto, importas tu fuente desde una URL dónde el CSS la pueda encontrar y la configuras con Font Face.
https://developer.mozilla.org/es/docs/Web/CSS/@font-face
Si por otro lado lo que necesitas son por ejemplo las fuentes de google, hay un plugin para eso. https://github.com/stafyniaksacha/vite-plugin-fonts
¡GRACIAAAAAAS!, por alguna razón no me capturaba las fuentes que importaba y creí que era porque recién comenzaba con Vite, pero fue por un error mío. Muchas gracias :')
En los cursos de React actuales vi que se creaban archivos .js, aqui en vite me pone todos los archivos en .jsx, como es mas correcto utilizarlo, como js o como jsx?
JS es cuando utilizas JavaScript, jsx es cuándo utilizas ese intérprete llamado JSX, que generalmente lo usa React.
En el momento que realizo cambios en el archivo App.jsx, no me los toma, tengo que cerrar el proceso y volver a enviar el npm run dev para que pueda tomar los cambios... . El prompt se queda pegado con: timing config:load:flatten
Es posible que haya algún problema con tu instalación, tal vez una versión con un bug, o un problema con el caché, te recomiendo eliminar el package lock y la carpeta node_modules, luego reinstalar y repetir el comando, tal vez eso funcione.
Gracias por contestar Diana. Pude solucionarlo modificando unos valores en el archivo .npmrc
como podria poner un nombre custom a los archivos generados en el build?
Puedes utilizar el archivo de configuración de vite para evitar que genere nombres con caracteres aleatorios (no lo recomiendo, porque es para evitar problemas de cache y por eso lo hace por tí). Incluso puedes definir tu propia función para que los nombres se generen con cierta forma.
Puedes encontrar más sobre esto en la documentación oficial de vite.
En el contexto de Vite y JavaScript, SWC se refiere a "Super-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
