Guía de Vite para principiantes.
HTML-код
- Опубликовано: 30 июл 2024
- Aprende que es Vite y como utilizarlo para agilizar el desarrollo de tus proyectos de Javascript, React o Vue.
Mis cursos de desarrollo web:
⭐ Curso Completo de Diseño Web Profesional:
www.desarrolloweb.io/cursos/d...
⭐ Curso Completo de React y Firebase:
www.desarrolloweb.io/cursos/r...
⭐Curso Completo de Javascript
www.desarrolloweb.io/cursos/j...
⭐ Curso Completo de PHP y MYSQL:
www.desarrolloweb.io/cursos/p...
⭐ Curso de Bootstrap 5:
www.desarrolloweb.io/cursos/b...
⭐ Curso Completo de creación de tiendas online:
www.desarrolloweb.io/cursos/t...
---
Vite: vitejs.dev/
Webpack: webpack.js.org/
Temario:
00:00 - Introducción
02:49 - Como funciona webpack
13:16 - Como funciona vite
16:24 - Iniciar proyecto en vite
28:51 - Estilos CSS y variables de ambiente
---
Redes Sociales:
📌 Twitter: / falconmasters
📌 Página de Facebook: / falconmasters 
Наука
Si te gusto o te sirvió el video dale manita arriba! 👍
Y no olvides suscribirte para mas tutoriales de desarrollo web.
@@RickBroken Hola Rick, es posible que mas adelante haga un video de typescript, aunque no tiene nada que ver con la programación orientada a objetos.
Un millon de gracias! explicas todo de forma super clara, muy precisa, es increible, muchas gracias.
Me enseñaste lo que mis maestros tomaron días! eres un master
gracias por el video, muy buena informacion. saludos
Es increible la manera en como, explicas, abarcaste muchas cosas en este video que yo no las entendia muy bien por que mi profesor lo explico de manera muy superficial, gracias bro.
De nada! me alegra que te sirviera
Me gusta, vay a trabajar con vite
excelente!!! video gracias!!!1💯💯
Gracias!
consulta si deseo dockerizar el proyecto... como seria el docker file?, escuche que si le pones npm run dev en el docker, lo estarias deployando en modo desarrollador, pero deberi ser con un build no ?.. osea imagino que tiene un porque o optimizacion, etc. pordrias explicar solo eso?. Gracias.
Buen video Falcon!⚡
Gracias!
Siguiendo tu curso de react use Vite y la verdad se me hizo muy comodo, ahorita ando practicando y viendo tus cursos
Te recomiendo que también utilices pnpm como gestor de paquetes
Que tal amigo, que te pareció Vite comparado con como se usaba anteriormente con CreateReactApp? Escuché que paso a segundo plano y que ahora se debe usar NextJs, pero me parece más amigable Vite
@@daque7253 La verdad para mi es mas rapido vite... Pero tambien depende del proyecto que vayas a hacer, nextJS lo veo para aplicaciones que necesiten un backend desde 0, como aun no aprendo backend ando usando firebase
Buen video !!
Gracias!
Como siempre, todo un máster jeje.
Te recomiendo que en vez de utilizar npm, utilices pnpm junto con vite. Es más rápido crear un proyecto con react si utilizar ese gestor de paquetes
Gracias, le voy a dar un vistazo a pnpm.
Excelente sugerencia
First commit, como siempre muy buen video, Gracias master 🙌
Muchas gracias!
import styles from './estilos.modules.css' en esta linea de codigo me da error: Se declara "styles", pero su valor no se lee nunca.ts(6133)
'styles' is defined but never used.eslintno-unused-vars, Default and named imports from CSS files are deprecated. Use the ?inline query instead. For example: import styles from "./estilos.modules.css?inline"
Gracias por el video
Se llama ayu mirage
Muy bueno gracias... me surge una duda, sobre el archivo env, ¿como se debe usar para que la conexión a una base de datos este mas protegida? ya que si uno no usa vit en API_KEY no funciona. Podrías enseñar mas sobre esto por favor. Aparte que ahora me fije que sale un nuevo archivo (vite-env.d.ts) que tal ves sea para eso. Saludos
El archivo debe llamarse .env y estar en la raiz de tu proyecto
Esperando tu curso de vue
No utilizo vue, yo uso react, pero si lo aprendo con todo gusto haré un curso.
se viene curso de webpack y vite
Yo trabajo con gulp, me da curiosidad Vite.
Carlos, sabrás porque al crear una app con vite-react en GitHub pages, y navegar en las rutas de la misma, GitHub muestra error 404 al recargar?
Hola Alejandro, depende de muchas cosas, estas subiendo la carpeta public despues de compilar con el comando de build?
Bro, intente comprar tus cursos de javascript y desarrollo web pero no tienes método de pago en efectivo
Hola. Como uso Vite para hackear un Facebook?
Tienes que ejecutar el código 69 y luego activar el modo hack y re compilar el kernel para conseguir poder realizar el método fibonacci y luego cuando entras al navegador ya vas a tener la contraseña de la persona en la que estabas pensando cuando realizaste el proceso.
@@FalconMasters Gracias funciono, ahora si puedo ver los mensajes de la que me gusta. sos un crack.
Viendo Hoy.. Vite
De hecho React ya no recomienda usar Create React app, ahora recomienda usar Nextjs, Vite y otros. React se pasó a frameworks ahora según su documentación. Así que ya no es opción create-react-app
Me podrías pasar el enlace en donde digan que ya no usen create-react-app? Yo he escuchado a mucha gente decir eso pero solo veo que ya no mencionan a create-ract-app, no que mencionen que no lo utilicen.
@@FalconMasters creo que todos lo dieron por sentado al no ver menciones de CRA en la documentación: ruclips.net/video/h1WLN9Gzbwc/видео.html
@@lucasfrancotorres4366 Claro, ese es el problema, ya no hay menciones de CRA en la documentación, pero no significa que murió (aunque probablemente lo haga mas adelante), pero en ninguna parte de la documentación de create-react-app mencionan que esta obsoleto. Otro dato curioso es que en la documentación de react tampoco mencionan vite, mencionan que usemos next o remix.
@@FalconMasters en una apartado de Start a New React Project en la doc nueva de react, mencionan a Vite como builder a usar sino quieres usar algún framework de los que te sugieren
@@sebamarin12 ¿Si llegas a ver el link serias tan amable de pasarmelo? Yo he buscado y no logre encontrarlo. Me serviría mucho.
Y si usas pnpm como manejador de paquetes, serían mucho menos archivos!
Buena nota, siempre uso npm porque es el mas popular y todos los paquetes que quiero los encuentro allí, le voy a echar un vistazo a pnpm
Falcon Por que nos abandonas tanto xd, ya vas 8 meses bro
Lo siento :(
FALTA EL CURSO COMPLETO DE REACT + VITE
odio wordpress
Pobresito, ¿que te hizo?
@@FalconMasters creado para los idiotas Todas las páginas web se parecen , son repetitivas , primitivas , esta uniformidad es digna de un régimen comunista o algo así Falcón me gustan tus vídeos aprendí mucho .... Gracias
@@gimauarich.2753 el 50% de todas las paginas webs son creadas con worpress ...pues viendo lo que dices el 50% de las paginas de internet se parecen xd
@@gimauarich.2753pues yo creo que es una buena herramienta para gente independiente que no sabe programar y necesita una página web para su emprendimiento o hacer conocer su negocio etc, probablemente les salga más barato hacerla con WordPress que pagar un programador