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]

😉👋🏻

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

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

😉👋🏻

[@emaaero2020]

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

[@jonmircha]

👋🏻😉

[@Infinity-bs6fv]

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

[@jonmircha]

Muchas gracias! 😊

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

👋🏻😉

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

👋🏻😉

[@lucoluco662]

miraré todos los anuncios gracias por todo jon

[@jonmircha]

👋🏻😉

[@moiseshn2461]

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

[@jonmircha]

😉👋🏻

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

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

[@Black_Coding]

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

[@jonmircha]

Excelente!

[@alextina]

Estoy empezando a utilizar Vite, gracias por este video 💕

[@jonmircha]

😉👋🏻

[@luis-rapalino-88]

Muchas gracias Jon🤓 increibles soluciones

[@jonmircha]

😉👋🏻

[@mauricioferreyra4378]

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

[@jonmircha]

👋🏻😉

[@samireramosdelgado2475]

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

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

👋🏻😉

[@Wiiiiizard]

🧙‍♂Muchas gracias!!!

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

👋🏻😉

[@amhedrieldavikin]

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

[@jonmircha]

😉👋🏻

[@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! 😊

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

😉👋🏻

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

[@josecasanova3502]

Gracias por el video!

[@jonmircha]

😉👋🏻

[@mastermaster153]

excelente!

[@jonmircha]

😉👋🏻

[@CJBarriosTMCalidad]

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

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

[@Antonio-qr1sp]

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

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

😉👋🏻

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

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

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

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

[@migueldecode]

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

[@jonmircha]

😉👋🏻

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

[@alexisantoniojimenezjoaqui6776]

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

[@enfermatorio]

Buen vídeo

[@jonmircha]

👋🏻😉

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

😉👋🏻

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

[@helipalacio8772]

👏👏👏 🙏🙏🙏

[@jonmircha]

👋🏻😉

[@lennysgonzalez3137]

Profe qué macbook usa? ,con el M1?

[@jonmircha]

Macbook Air M2 512 SD y 16 en ram

[@elweonweandolaweafome]

Vite por mucho lo mejor

[@jonmircha]

👋🏻😉

[@logicsoftware8674]

Danos opinion sobre AI Jon!

[@jonmircha]

😉

[@Kristhianguitar]

Chat GPT vs Sparrow

[@mandresblac]

Preguta: ¿Es necesario saber Webpack?

[@jonmircha]

No es esencial, pero ayuda

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

[@pauldelacruzcancho3749]

a mi no me aparece la carpeta src

[@juanferrer5885]

NextJs

[@helipalacio8772]

🧔‍♀🧔‍♀🧔‍♀

[@jonmircha]

👋🏻😉

[@pedroavila8832]

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

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

[@juanjo984184333]

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

[@jonmircha]

😉👌🏻

[@heimancastro1954]

[@jonmircha]

😉👋🏻