¿Qué es Vite?
Contenido del curso
¿Qué es Vite?
Contenido del curso
Cristian Fernando Villca Gutierrez
Fabian Gutierrez
Miguel Angel Hernandez Colombo
Martin Campos
Norma Natalia Moreno Espinoza
Rodrigo Andres Rivera Martinez
Fernando Quinteros Gutierrez
Irving Caamal
Irving Juárez
Jesús Álvarez
Emerson Cedeño
Carlos Florez
Elmer Isai Solis Coyoy
Salvador Santander Gutiérrez
Gilbert Ardila
Diana Martinez
Gilbert Ardila
Ismael Cruz Procel
José Reinaldo Duque Serna
Angel Santillan Brambila
Norman Jaimes Mora
Diana Martinez
Gilbert Ardila
Seba Cardoso
Francisco Ponce
Norma Natalia Moreno Espinoza
Mitchell Contreras
Kenneth Angulo L
Jefred Bedoya
Como que bienvenide
XD, bro, sin mentirte me tomo de sorpresa, sin embargo, vinimos a estudiar y el conocimiento no diferencia en personas, le sacare el mejor provecho :D
el profe es una bella persona! <3
Como curiosidad
Vue en frances es VistosoVite en frances es Rápido
Vue en francés es el participio pasado del verbo "Voir" que se traduce en español como "ver". Vue se traduciría entonces como "Visto".
"Vistoso" en francés seria "éclatant".
⚡ ¿Qué es Vite?
Ideas/conceptos claves
**Bundler**
Es una herramienta para encapsular uno o más recursos HTTP en un solo archivo
Apuntes
📌 **RESUMEN:** Vite es una herramienta que se caracteriza por ser bastante rápido tanto en configuración como en velocidad para realizar su tarea de transpilar o compilar. Aparte que trae una experiencia de desarrollo bastante trabajada.
Fun Fact: Se pronuncia BIT y no BAIT porque viene del francés y no del inglés
Vite es algo así como create-react-app pero mas rápido y sin menos cosas incluidas que muchas veces no utilizamos
Vengo de la última clase. Este curso esta super bueno. Créeme
sonó como a "vengo del futuro" ... vamos!, a por ello! 💪🏼
Llevo varios mese usando vite en mis proyectos, y es fascinante lo rapito que es al momento de compilar ya que no al hacer un cambio, no compila todo el proyecto de nuevi sino que solo compila parte que cambió
weyyyyyyyyy mi mente
Ya terminé este curso y lo recomediendo 100%. Vite te ahorrará tiempo y es super rápido y para cualquier framework y crear librerías.
Diana necesitamos un curso de vitest y tú eres la indicada, ¿piensas que viene pronto? porfa.......
Me encantaría, puedes escribir un correo a team@platzi.com pidiéndolo o también un tuit a @platzi :)
claro, ya escribí al Platzi team, de verdad me encantaría aprender vitest contigo, me encantó tu curso de Vite. ojalá se logré, saludos Diana y me agradó saludarte
¿Qué significa que es una herramienta de 3ra generación?
Estaba utilizando Laravel + Laravel Mix para un proyecto y al migrarlo a Laravel + Vite, realmente se notó la gran diferencia en la rapidez para el entorno de desarrollo. Muestra los cambios en el navegador en tiempo real sin problema. Excelente Vite! voy a tomar el curso para conocer más de esta espectacular herramienta.
Yo ya he creado en el ámbito laboral migración de vue cli por vite a demás de otro proyecto de con vite y un framework llamado preact y la verdad es lo mejor que encontrado vs webpack. espero aprender mucho mas de esta herramienta
En el curso ensenan a usar pug.js?? Llevo instalando varios pluggins y no me han servido... 😢
No, en este curso no mostramos cómo utilizar pug de forma específica, pero mostramos cómo utilizar plugins y pre-procesadores, eso podría ayudarte.
Pues siendo así,lo dejo para después de aprender React para sacarle más provecho!! Gracias Diana
Documentacion oficial de Vite:
Awww la primera vez que tocaré Vite, vamo a darle!
✨Éxito!!! y sí a darle 💪
Vamos a empezar! Let's go!
¿Es posible usar Vite en navegadores antiguos?
Por defecto, Vite está diseñado para el futuro. Durante el desarrollo, asume que estás usando un navegador moderno que soporta ES Modules nativos (lo cual es cierto para casi cualquier navegador actualizado hoy en día).
Sin embargo, para producción, Vite utiliza Rollup para empaquetar tu código. Si necesitas que tu aplicación funcione en navegadores más antiguos que no soportan características modernas de JavaScript, puedes usar el plugin oficial @vitejs/plugin-legacy. Este plugin genera automáticamente versiones alternativas de tu código (polyfills) y las sirve solo a los navegadores que las necesitan, manteniendo la versión rápida y ligera para los navegadores modernos. Así obtienes lo mejor de ambos mundos: desarrollo ultrarrápido y compatibilidad segura en producción.
Vite es un empaquetador de nueva generación diseñado para que el desarrollo frontend sea instantáneo. Su magia reside en aprovechar los módulos nativos de ES del navegador, eliminando la necesidad de empaquetar todo el código antes de empezar a trabajar.
Pilares fundamentales