Create React App vs Vite vs Parcel - jonmircha

[@mandresblac]

Buen video, me quedo con Vite, ya he utilizado esa herramienta y me parece muy rapida, ligera y facil de configurar.

[@jonmircha]

😉👋🏻

[@vinciguerra1354]

Hola, como haces con los test unitarios, puedes usar Jest con Vite?

[@staffel0232]

Acabo de probar las dos formas, probaré con vite. Gracias Jon!

[@jonmircha]

😉👋🏻

[@facundorossetto9720]

Gracias por otra excelente explicación para entender cada vez más todo este ecosistema, abrazo grande maestro!

[@jonmircha]

👋🏻😉

[@gustavorios5774]

profe como estas super tus videso como apenas estoy comenzando react despues de ver tu curso de javascript voy a seguir tu curso con vite muchas gracias

[@jonmircha]

👋🏻😉

[@Infinity-bs6fv]

Estoy empezando el curso ahora y voy con Vite! Explicas muy bien, me recomendaron tu canal.

[@jonmircha]

Muchas gracias! 😊

[@luismanuelpd]

Gracias Jon, Conocía a Vite, pero nunca había escuchado de Parcel. Estoy leyendo la documentación y me estoy llevando una grata sorpresa de toda las libertades que me brinda.

[@jonmircha]

Es super agnóstico y minimalista, es como el express de las tools builds

[@emaaero2020]

No tengo palabras para agradecer el excelente curso que estoy tomando contigo profesor, es un gusto y sigo aprendiendo. muchas gracias.

[@jonmircha]

👋🏻😉

[@12000jean]

Buenas tardes Jon, te saludo desde Costa Rica, tengo apenas un año de estar estudiando Programacion Web y me encontre este video que la verdad te felicito, es un alivio que exista gente que se tome su tiempo para explicar como va de cambiante el mundo en entorno a todo lo que es React, JS etc... exelente tu video. Gracias!!

[@jonmircha]

😉👋🏻

[@juanpischetz4053]

Gran video para ir aprendiendo un poco más de configuraciónes, a mi me gusta entender el por qué de todas las cosas!!

[@jonmircha]

😉👋🏻

[@juanpischetz4053]

@@jonmircha de hecho acabo de empezar un proyecto usando vite con react!! Muchísimas gracias

[@fuiel1ensaberlo]

Con mis limitados conocimientos de momento me quedo con Vite jejeje, que me costo un poquito aprender a usarlo. Buen video!

[@jonmircha]

Todos los links que menciono están en la descripción del video

[@anaissequeda5962]

justamente queria dejar de usar create react app, es muy pesado... y Vite me parece ideal para continuar con la misma funcionalidad, mas rapido y ligero. mil gracias Jon.

[@jonmircha]

👋🏻😉

[@samireramosdelgado2475]

wow gracias profesor , porq el create react ya se me hacia pesado , ben tips profesor , gracias

[@jonmircha]

😉👋🏻

[@moiseshn2461]

El senseeei!!, saludos Jhon siempre algo que aprender con tus videos.

[@jonmircha]

😉👋🏻

[@mauricioferreyra4378]

Excelente video Jon , muchas gacias , concuerdo con tu reflexión de estas herramientas, saludos..

[@jonmircha]

👋🏻😉

[@alextina]

Estoy empezando a utilizar Vite, gracias por este video 💕

[@jonmircha]

😉👋🏻

[@Black_Coding]

Estoy feliz de empezar este curso de React recién ahora que conozco Vite 😅

[@jonmircha]

Excelente!

[@sandokanArg]

tratare de estar presente, pero justo viajo ese dia, si puedo conectarme en algun lugar ahi estare, pero ya te dejo mi megusta. Vamos con Vite que estoy peleando con React y Vite hace un mes.

[@jonmircha]

Gracias! 😊

[@luis-rapalino-88]

Muchas gracias Jon🤓 increibles soluciones

[@jonmircha]

😉👋🏻

[@lucoluco662]

miraré todos los anuncios gracias por todo jon

[@jonmircha]

👋🏻😉

[@addevmoises]

Excelente video, la verdad probé ViteJS y me encantó, en este video no probó ViteJS + SWC que es un compilador escrito en Rust más rápido que Babel, eso mejora más la experiencia de desarrollo aún. El minimalismo de Parcel es excelente, para proyectos personales está muy bien. create-react-app está bien para aprender, pero no recomendable, hace poco en una prueba técnica como retroalimentación me dijeron que la dependencia react-scripts no hay que usarla, y esta se genera por create-react-app Atento a los próximos cursos!!

[@jonmircha]

👋🏻😉

[@alanbalvin7731]

Soy arquitecto de casas recién egresado, músico, cantante, he trabajado en ubereats como repartidor, he dado clases de piano y de pintura artística, hago videos en redes sociales y ahora empiezo a aprender JAVAscript, porque me gustaría trabajar de manera remota desde mi casa y ganar dinero en alguna empresa extranjera. Buscaba trabajo como Arquitecto y me salían ofertas de Architect of software, así que le pregunté a mi hermano como aprender a ser programador y me dijo que empezara con Javascript, estoy muy motivado por aprender y ya voy en el segundo video, todo es cuestión de preseverancia, siempre me han atraído las cosas tangibles, por eso nunca le dediqué mucho tiempo a los lenguajes de programación, pero sé que me gustará y me servirá de mucho para mi desarrollo profesional, muchas gracias por todos los cursos, es una palanca para salir adelante.

[@jonmircha]

👋🏻😉

[@emaaero2020]

Hola jon ¿en el minuto 17:20 del video, me podias mencionar las dos extensiones para agregarlas a mi navegador para ver al arbol de componentes. gracias.?

[@josejfernandez5760]

Excelente contenido. Llevo unos 6 meses aprendiendo a programar, y en el curso que estoy llevando nos introdujeron de primero "Parcel", no sé si después veremos las otras 2 herramientas, pero yo estoy encantado con Parcel y me parece una excelente herramienta

[@jonmircha]

😉👋🏻

[@Wiiiiizard]

🧙‍♂Muchas gracias!!!

[@jonmircha]

😉👋🏻

[@miktl]

Un video muy bueno profe. Vi el directo de Midudev hace unos dias y pues el tema era resolver una prueba técnica de trainies y/o juniors, y él mencionaba que en algunas entrevistas de live coding te hacen crear un proyecto sin un témplate ya listo como lo da vite o cra, entonces si me piden eso, ya se que debo usar parcel 😀.

[@rojastegulu]

Bua, así qué chiste xd es como que apliques a un trabajo de chofer y te descalifiquen por no poder desarmar y volver a armar el motor de un auto.

[@miktl]

mas bien seria que te descalifiquen por no saber arrancar o donde meter la llave para arrancar. Yo lo veo así.

[@rojastegulu]

@@miktl Nah, creería que si React fuese el auto, meter la llave sería como usar CRA o Vite, y configurar todo tú mismo sería como arrancar el auto cruzando cables o algo así, que me parece absurdo que te descalifique para una posición de trainees o juniors, pero en últimas tendrán sus razones, supongo

[@walterarriaza]

Gracias Jon, otro tutorial increíble. Muchas gracias por compartirnos tanto. Te cuento que no conocía ninguna de las herramientas, y aunque ambas me gustaron mucho, lo que me gustó de Parcel fue precisamente lo que mencionaste, ya que el desarrollador tiene control de la configuración del proyecto, y el crear cada archivo, me ayuda a comprender mejor el funcionamiento de React. Un abrazo Jon.

[@jonmircha]

👋🏻😉 así es, quizá soy old school pero me encanta tener el control de la mayoría de lo que hago

[@CJBarriosTMCalidad]

No me importa mucho la configuración Jon, entonces estaré usando vite. :3

[@jonmircha]

👋🏻😅

[@amhedrieldavikin]

Gracias por el video, me parece que probaré ITE, saludos.

[@jonmircha]

😉👋🏻

[@Antonio-qr1sp]

gracias viejo Mircha, vengo de instalar react con next y me instalo un chorizo de cosas... me voy con vite.

[@jonmircha]

👍🏻

[@josecasanova3502]

Gracias por el video!

[@jonmircha]

😉👋🏻

[@brokeneyes8951]

Interesante conocer Parcel, aunque actualmente he estado usando Vite y me gusta como trabaja, aunque Parcel esta muy chido para empezar de 0 la estructura

[@jonmircha]

😉👋🏻

[@migueldecode]

No podré estar para el directo. Es muy tarde para mi pero animo lo veré en diferido mañana.

[@jonmircha]

😉👋🏻

[@vinciguerra1354]

Profe tengo 2 dudas en materia de test unitarios, puedo usar Jest con parcel y con vite? Que recomienda, veo que vitest aún es muy nuevo e el caso de vite.

[@gabyg9905]

Que gran video. Consulta: ¿Es útil y necesario aprender Webpack en 2023? Estoy en mi primeros pasos en el front.

[@jonmircha]

no es vital, pero siempre es bueno para que sepas como es que funcionan por detrás las cosas

[@sranc1679]

Muy buen video, gracias, existe algún plugin para volverlo pwa en Vite, cómo tiene create react app?

[@jonmircha]

No lo sé tendrías que revisar la zona de templates

[@juliocesarsolis1618]

Hola Jon... que debería hacer? seguir tu curso con create react app y despues crear mis proyectos con Vite, o sigo tu curso usando Vite? que en realidad no se si podria porque no tengo tanta experiencia y sus diferencias me marean un poco. Gracias desde por todo tu gran aporte. No quiero perder tiempo buscando un curso de react con vite porque me gusta como explicas tu. Abrazo.

[@jonmircha]

Siguelo con Vite, vite y create sólo son empaquetadores, no afectan los conceptos del curso

[@alexisantoniojimenezjoaqui6776]

Profe. Eh escuchado de next.js.. es diferente?

[@walterarriaza]

Una consulta Jon. ¿Cuál es la utilidad de "ReactDOM" en el archivo "index.jsx", pues veo que se implementa en "create-react-app" y en "vite", pero acá no aparece implementada. Estaba trabajando un ejemplo de tu curso de "React Router", y me exigía la implementación de dicho Componente. Gracias por tu respuesta de antemano Jon.

[@jonmircha]

Es la librería que agrega al HTML la app de React

[@nicobxez]

Que tal @jonmircha, por casualidad tendrías pensado dar algún curso de React Native? estaría bueno para continuar con el roadmap de front o testeo unitario con, por ejemplo, Jest,o react-testing-library

[@mastermaster153]

excelente!

[@jonmircha]

😉👋🏻

[@lennysgonzalez3137]

Profe qué macbook usa? ,con el M1?

[@jonmircha]

Macbook Air M2 512 SD y 16 en ram

[@logicsoftware8674]

Danos opinion sobre AI Jon!

[@jonmircha]

😉

[@Kristhianguitar]

Chat GPT vs Sparrow

[@azaellopez7958]

para empezar a aprender seria mejor hacerlo con cra? o me voy directo a vite?

[@jonmircha]

Vite

[@noeblackberry5209]

Es que en segundos, puede ser 3600 segundos jajajajaja, yo uso vite me gusta el multi soporte, parcel lo analisaré gracias a tu video

[@jonmircha]

😉👋🏻

[@helipalacio8772]

👏👏👏 🙏🙏🙏

[@jonmircha]

👋🏻😉

[@enfermatorio]

Buen vídeo

[@jonmircha]

👋🏻😉

[@JhonatanMorales-x5v]

if (rootElement) { const root = createRoot(rootElement); root.render(); } buenas jon, yo tuve que agregar esto, porque si no me salía error, es normal ?

[@mandresblac]

Preguta: ¿Es necesario saber Webpack?

[@jonmircha]

No es esencial, pero ayuda

[@elweonweandolaweafome]

Vite por mucho lo mejor

[@jonmircha]

👋🏻😉

[@pauldelacruzcancho3749]

a mi no me aparece la carpeta src

[@helipalacio8772]

🧔‍♀🧔‍♀🧔‍♀

[@jonmircha]

👋🏻😉

[@kevinmorales3991]

Hola, estamos realizando un proyecto para ganar experiencia. Si alguien está interesado en participar, por favor comenten sus roles y conocimientos.

[@shermansystems]

Hola cómo te contacto?

[@edwardmelendezmendigure2683]

Hola, como me contacto?

[@Mike-jq7os]

de que pais eres

[@kevinmorales3991]

Hola, Actualmente ya alcanzamos el limite de participantes. Pero seguro encontraran personas que estén interesadas en hacer proyectos. Asi que los animo a crear sus propios grupos.

[@juanferrer5885]

NextJs

[@pedroavila8832]

Si el eject ya lo habías explicado, explicarlo de nuevo ya no porque pueden ver el video anterior......

[@heimancastro1954]

[@jonmircha]

😉👋🏻

[@juanjo984184333]

vite; novatos, si no te preocupas de la estructura. Parcel ; expertos, si quieres tener domino de la estructura

[@jonmircha]

😉👌🏻