Guía de Vite para principiantes.

Подписаться 510 тыс.

Просмотров 12 тыс.

50% 1

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

Наука

Опубликовано:

22 май 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 57

@FalconMasters Год назад

Si te gusto o te sirvió el video dale manita arriba! 👍 Y no olvides suscribirte para mas tutoriales de desarrollo web.

@FalconMasters 11 месяцев назад

@@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.

@EnchantWolf Месяц назад

Un millon de gracias! explicas todo de forma super clara, muy precisa, es increible, muchas gracias.

@eduardovergara00 8 месяцев назад

Me enseñaste lo que mis maestros tomaron días! eres un master

@ramonderas Год назад

gracias por el video, muy buena informacion. saludos

@edwarddk9007 7 месяцев назад

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.

@FalconMasters 7 месяцев назад

De nada! me alegra que te sirviera

@gerardopacheco9521 Год назад

excelente!!! video gracias!!!1💯💯

@FalconMasters Год назад

Gracias!

@cromorosario2220 Год назад

Me gusta, vay a trabajar con vite

@dragonOfLemons Год назад

Buen video Falcon!⚡

@FalconMasters Год назад

Gracias!

@jfalconnet 7 месяцев назад

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.

@fernandoperalta377 Год назад

Buen video !!

@FalconMasters Год назад

Gracias!

@koekun5817 Год назад

Siguiendo tu curso de react use Vite y la verdad se me hizo muy comodo, ahorita ando practicando y viendo tus cursos

@cristianagudelo2972 Год назад

Te recomiendo que también utilices pnpm como gestor de paquetes

@daque7253 11 месяцев назад

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

@koekun5817 11 месяцев назад

@@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

@jhonalexandercordovacalle7710 Год назад

First commit, como siempre muy buen video, Gracias master 🙌

@FalconMasters Год назад

Muchas gracias!

@cristianagudelo2972 Год назад

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

@FalconMasters Год назад

Gracias, le voy a dar un vistazo a pnpm.

@elargento1 11 месяцев назад

Excelente sugerencia

@andresflg Год назад

Gracias por el video

@FalconMasters Год назад

Se llama ayu mirage

@igor.miranda 10 месяцев назад

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

@WalterH 7 месяцев назад

El archivo debe llamarse .env y estar en la raiz de tu proyecto

@danielalexanderfrancomoral6901 Год назад

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"

@Alejandroru86 5 месяцев назад

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?

@FalconMasters 5 месяцев назад

Hola Alejandro, depende de muchas cosas, estas subiendo la carpeta public despues de compilar con el comando de build?

@cristianpoveda4884 Год назад

se viene curso de webpack y vite

@LuisVazquezP 9 месяцев назад

Yo trabajo con gulp, me da curiosidad Vite.

@wladimirandrea8210 Год назад

Esperando tu curso de vue

@FalconMasters Год назад

No utilizo vue, yo uso react, pero si lo aprendo con todo gusto haré un curso.

@jamedalejandrosanchezbermu204 Год назад

Bro, intente comprar tus cursos de javascript y desarrollo web pero no tienes método de pago en efectivo

@1337Unlucky Год назад

Hola. Como uso Vite para hackear un Facebook?

@FalconMasters Год назад

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.

@1337Unlucky Год назад

@@FalconMasters Gracias funciono, ahora si puedo ver los mensajes de la que me gusta. sos un crack.

@sailfotodesign Год назад

Viendo Hoy.. Vite

@mundodelfutbol6777 6 месяцев назад

FALTA EL CURSO COMPLETO DE REACT + VITE

@RickBroken 3 месяца назад

Falcon Por que nos abandonas tanto xd, ya vas 8 meses bro

@FalconMasters 3 месяца назад

Lo siento :(

@jaimeviloriogreen 11 месяцев назад

Y si usas pnpm como manejador de paquetes, serían mucho menos archivos!

@FalconMasters 11 месяцев назад

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

@MrMiguelitro83 Год назад

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

@FalconMasters Год назад

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.

@lucasfrancotorres4366 11 месяцев назад

@@FalconMasters creo que todos lo dieron por sentado al no ver menciones de CRA en la documentación: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-h1WLN9Gzbwc.html

@FalconMasters 11 месяцев назад

@@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.

@sebamarin12 10 месяцев назад

@@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

@FalconMasters 10 месяцев назад

@@sebamarin12 ¿Si llegas a ver el link serias tan amable de pasarmelo? Yo he buscado y no logre encontrarlo. Me serviría mucho.

@gimauarich.2753 Год назад

odio wordpress

@FalconMasters Год назад

Pobresito, ¿que te hizo?

@gimauarich.2753 Год назад

@@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

@gabrielcarmnn Год назад

@@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

@paracomentar2703 11 месяцев назад

@@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