ESlint se usa bastante cuando trabajas en equipos de desarrollo y para usarlo sí requieres archivos de configuración y agregar dependencias. Por eso Next te da la opción de preconfiguración.
He estado aprendiendo java y spring para el backend, ahora quiero aprender un poco sobre el front-end pero tengo una duda, tengo entendido que puedo usar spring y react juntos al conectarlo a traves de APIs, por que recomiendan next y esas tecnologías para el lado del servidor? y que si usas algo distinto puede ser buggy, some clarity on the subject might be very much appreciated
Muchas gracia señor mircha por estar tan atento de la comunidad que te sigue, definitivamente muy agradecido por tus esfuerzos y te felicito por ser tan buen maestro.
Las herramientas como ESLint se añaden pensando en el trabajo en equipo para que exista un archivo de configuración estandar para las herramientas de trabajo y que todo el Team pueda conservar la misma configuración.
Muchísimas gracias por el video Jon, vale su peso en oro pues nos permite conocer las diferentes maneras de inicializar una aplicación en React según los nuevos cambios realizados. Gracias de antemano, por las actualizaciones del curso de React. Haces siempre todo mucho más sencillo para nosotros. Saludos Jon desde Guatemala.
muchas gracias!!! acabo de ver la documentación de React y me quede en What!!... tuve que venir contigo para saber que opinabas y sabias, muchas gracias por las orientaciones... Saludos y excelente vida.
A mi me ha gustado Remix, pero la verdad por ahora seguiré muy feliz con Flask Python y utilizando web components para la parte interactiva de las aplicaciones. Saludos Jon
Profe, gracias por los consejos que da en este video sobre que usar o seguir usando en cuanto a estas herramientas❤, totalmente de acuerdo con usted en todo lo que expone. Y como comentario off topic, mira esos wallpapers papá! El de Slam Dunk❤
@jonmircha saludo grande, no se que es lo que pasa con los videos pero en cierto punto se empizan ha estar defectuosos parace como si tuvieran lag. saludos
Hola Jon! no estoy muy enfocado en el tema de programación este año, pero tenia una consulta como seguidor desde hace 2 años. ¿Que ves que se viene con fuerza los proximos años? Crees que la programacion para sitios web seguira vigente en lo mas alto?, O recomienda estudiar temas relacionados a la Inteligencia Artificial.
pues mira desde que empece llevo escuchando que la tecnología de moda reemplaará el desarrollo de sitios y después de 20 años sigo comiendo y viviendo de esto, La IA yo la veo como una herramienta que potencia nuestro trabajo
Gracias por la información. Según mi experiencia Vite, el problema que tiene es que es muy rígido en su estructuras de carpetas del Scaffolding. Actualmente, me ha resultado mas agradable trabajar con ParcelJS, ya que vengo de la vieja escuela de webpack para configurar las cosas a mi gusto. El único problema que le he encontrado a ParcelJS, es que no he podido utilizar variables en el src de las imágenes como src={require(`ruta/${variable}`)}, si alguien sabe la solución se lo agradeceré. Saludos
Hola Jon, Primero que nada Gracias por tu contenido de calidad. Hice tu curso de JS y me encanto, quería empezar con tu REACT, hice uno y me dejo muy desconforme, con contenido desactualizado y muy malas practicas. asi que voy a probar con el tuyo. ya pude levantar la Apps con Vite sumándole TypeScrips y usando tailwind css. Queria saber antes de hacer macana, si todo el contenido de tu curso aun sirve o deba tener en cuenta alguna actualización nueva ya sea de librerias como Router-Dom o Redux o alguno otro concepto?
Creo que ya solucioné el error del proxy, haciendo que la configuración de windows lo detecte automáticamente, solo que parece que en mi instalación falta yaml, voy a instalarlo a ver si me deja continuar ...
Yo estaba por React... pero con esta nueva documentación me saturaron. Me decanto por Angular mejor, pero tomaré esos cursos de bases de datos master, gracias por ese aporte.
No quiero ser mal pensado, pero no podría ser que dichos frameworks han "sponsoreado" al core de react? Para hacer que la gran cantidad de desarrolladores de react que si tienen experiencia se pasen a sus productos? Y por eso en la docu oficial nos sugieran tal cosa? Y dejen muy oculto vite que pertenece a otro framework como vue?
vaya, vaya, parece que el algoritmo nos lee una vez más, anoche miré vídeos sobre este tema y traté bastante comprenderlo, me cuesta mucho, espero un panorama más claro con tu vídeo, profesor.
Oye Jon, usas el procesador de tu laptop para grabar o una capturadora? si usas el procesador es podria ser la razón de que se te trabe tanto el video. Te sugiero usar una capturadora, para que así no fuerces tanto tu equipo.
Por cierto, ya me ví todo tu curso de Javascript y también el de React y aprendí muchisimo, de lejos el mejor edutuber que he descubierto, muchas gracias por tus servicios.💯 Ahora voy a por el curso de base de datos y NodeJS, pero me pregunto si tu curso de Node no estara desactualizado despues de tanto tiempo?🤔
Entonces puedo aprender react con la lista de reproducción, solo debo saltarme los vídeos deprecados y ver si usted sube nuevo contenido de react y ya estaría,no??
Osea que si construyo una aplicacion y el backend no va a ser nodejs si no por ejemplo laravel, se debe usar react con vite, y no sus metaframeworks como nextjs ya que este es fullstack
Estoy aprendiendo Next y Docker actualmente, la app que estoy construyendo es full stack y es un verdadero dolor de cabeza, me va super lento el vscode, la pc (12 Gb de ram) y la carpeta de Next pesando 4Gb y contando, Sin contar que estoy usando MUI para el CSS que aumenta el bundle.Que mal está haciendo React al dejar a un lado Vite.
Que jaleo, ¿realmente hace falta gatsby, parcel, remix, vite para usar REACT? Que alguien me explique un poco como funciona todo esto. Porque yo he visto un poco por encima Angular, y no hacen tantas instalaciones .
no, lo que pasa es que antes creabas un proyecto de react con create-react-app, pero los de react lo deprecaron hace un par de meses entonces ahora ellos mismos(react) recomiendan usar un framework recordemos que react es una libreria. Entonces ahora hay que usar alguna herramienta para crear y trabajar un proyecto, todas las del video son opciones que puedes usar de acuerdo a la que mas te guste. Yo justo tambien ando viendo esto, empece a ver next js pero no lo entiendo aun del todo, entonces creo que usare vite por el momento
Inicie un proyecto con Vite para probarlo siguiendo tus instrucciones pero tuve un problema, cuando ejecuto la opción npm run build efectivamente me crea la carpeta dist con los assets y todo el código minificado, pero cuando abro el archivo index.html solo carga la pagina en blanco, al verificar en la consola que es lo que esta ocurriendo noto que lo esta importando ninguno de los assets, tuve que modificar manualmente el build para colocarle el ./ en las rutas para que pudieran cargar. No se porque ocurrió eso. Este era uno de los errores: Loading module from “127.0.0.1:5500/assets/index-2b2434d7.js” was blocked because of a disallowed MIME type (“text/html”)
Estoy en un equipo lenovo x250 con windows 10 y me dice que debe existir algún problema con el proxy cuando intento instalar npx create-remix: Ok to proceed? (y) y npm WARN deprecated @npmcli/move-file@1.1.2: This functionality has been moved to @npmcli/fs npm ERR! code ERR_SOCKET_TIMEOUT npm ERR! network Socket timeout npm ERR! network This is a problem related to network connectivity. npm ERR! network In most cases you are behind a proxy or have bad network settings. npm ERR! network npm ERR! network If you are behind a proxy, please make sure that the npm ERR! network 'proxy' config is set properly. See: 'npm help config' ; no tengo el proxy activado en la configuración de windows.
![🚨⚠️[DEPRECADO]⚠️🚨 Curso React: 2. Create React App - jonmircha](http://i.ytimg.com/vi/6rqT8OP-yn0/mqdefault.jpg)
![🚨⚠️[DEPRECADO]⚠️🚨 Curso React: 2. Create React App - jonmircha](/img/tr.png)
ESlint se usa bastante cuando trabajas en equipos de desarrollo y para usarlo sí requieres archivos de configuración y agregar dependencias. Por eso Next te da la opción de preconfiguración.
Eso venía a decir
He estado aprendiendo java y spring para el backend, ahora quiero aprender un poco sobre el front-end pero tengo una duda, tengo entendido que puedo usar spring y react juntos al conectarlo a traves de APIs, por que recomiendan next y esas tecnologías para el lado del servidor? y que si usas algo distinto puede ser buggy, some clarity on the subject might be very much appreciated
Muchas gracia señor mircha por estar tan atento de la comunidad que te sigue, definitivamente muy agradecido por tus esfuerzos y te felicito por ser tan buen maestro.
😉👋🏻
Las herramientas como ESLint se añaden pensando en el trabajo en equipo para que exista un archivo de configuración estandar para las herramientas de trabajo y que todo el Team pueda conservar la misma configuración.
Una maravilla algo mas claro y detallado imposible
👋🏻😉
Muchísimas gracias por el video Jon, vale su peso en oro pues nos permite conocer las diferentes maneras de inicializar una aplicación en React según los nuevos cambios realizados. Gracias de antemano, por las actualizaciones del curso de React. Haces siempre todo mucho más sencillo para nosotros. Saludos Jon desde Guatemala.
👋🏻😉
muchas gracias!!! acabo de ver la documentación de React y me quede en What!!... tuve que venir contigo para saber que opinabas y sabias, muchas gracias por las orientaciones... Saludos y excelente vida.
👋🏻😉
❤ siempre con el mejor contenido
😉👋🏻
Seria buenísimo y de gran ayuda sacar un video de como migrar de create react app a vite 👍
Video muy recomendado para las dudas al momento de iniciar un proyecto con react. Gracias !!!
Con mucho gusto👋🏻😉
Gracias maestro, tus cursos y tu metodología son muy buenas. Estoy haciendo tu curso de grid. Espero llegar a react pronto.
Mucha suerte!👋🏻😉
excelente gracias por compartir tus conocimientos, a los que no tenemos mucha experiencia aun
Con mucho gusto
Genial, muy clarificador, gracias!
👋🏻😉
Gracias profe Jon, gran esfuerzo.
Con mucho gusto
A mi me ha gustado Remix, pero la verdad por ahora seguiré muy feliz con Flask Python y utilizando web components para la parte interactiva de las aplicaciones.
Saludos Jon
Excelente!
Profe, gracias por los consejos que da en este video sobre que usar o seguir usando en cuanto a estas herramientas❤, totalmente de acuerdo con usted en todo lo que expone.
Y como comentario off topic, mira esos wallpapers papá! El de Slam Dunk❤
jejejeje si, soy un Otaku 🫢
@@jonmircha Somos 🤣
excelente aporte
👋🏻😉
@jonmircha saludo grande, no se que es lo que pasa con los videos pero en cierto punto se empizan ha estar defectuosos parace como si tuvieran lag. saludos
gracias jon, mucha ayuda que mantengas los videos antiguos
Con gusto👋🏻😉
Hola Jon! no estoy muy enfocado en el tema de programación este año, pero tenia una consulta como seguidor desde hace 2 años. ¿Que ves que se viene con fuerza los proximos años? Crees que la programacion para sitios web seguira vigente en lo mas alto?, O recomienda estudiar temas relacionados a la Inteligencia Artificial.
pues mira desde que empece llevo escuchando que la tecnología de moda reemplaará el desarrollo de sitios y después de 20 años sigo comiendo y viviendo de esto, La IA yo la veo como una herramienta que potencia nuestro trabajo
Videazo, profe!!
Gracias!
@@jonmircha Gracias a ti, por todo lo que aportas.
De verdad, muchas gracias!
Gracias por la información. Según mi experiencia Vite, el problema que tiene es que es muy rígido en su estructuras de carpetas del Scaffolding. Actualmente, me ha resultado mas agradable trabajar con ParcelJS, ya que vengo de la vieja escuela de webpack para configurar las cosas a mi gusto. El único problema que le he encontrado a ParcelJS, es que no he podido utilizar variables en el src de las imágenes como src={require(`ruta/${variable}`)}, si alguien sabe la solución se lo agradeceré. Saludos
👍🏻
Hola jonmircha!
👋🏻😉
f por la mac de jhon, excelente video , saludos desde peru...
Hola Jon, Primero que nada Gracias por tu contenido de calidad. Hice tu curso de JS y me encanto, quería empezar con tu REACT, hice uno y me dejo muy desconforme, con contenido desactualizado y muy malas practicas. asi que voy a probar con el tuyo. ya pude levantar la Apps con Vite sumándole TypeScrips y usando tailwind css. Queria saber antes de hacer macana, si todo el contenido de tu curso aun sirve o deba tener en cuenta alguna actualización nueva ya sea de librerias como Router-Dom o Redux o alguno otro concepto?
Excelente video jon! Podrias hacer un review de astro? Me parece un framework genial 😁
👋🏻😉
Creo que ya solucioné el error del proxy, haciendo que la configuración de windows lo detecte automáticamente, solo que parece que en mi instalación falta yaml, voy a instalarlo a ver si me deja continuar ...
👍🏻
👏👏👏 🙏🙏🙏
👋🏻😉
Yo estaba por React... pero con esta nueva documentación me saturaron. Me decanto por Angular mejor, pero tomaré esos cursos de bases de datos master, gracias por ese aporte.
👋🏻😉
No quiero ser mal pensado, pero no podría ser que dichos frameworks han "sponsoreado" al core de react? Para hacer que la gran cantidad de desarrolladores de react que si tienen experiencia se pasen a sus productos? Y por eso en la docu oficial nos sugieran tal cosa? Y dejen muy oculto vite que pertenece a otro framework como vue?
No lo sé
Te ves súper guapo en la miniatura del video ❤Saludos a Kenai
😅 Gracias! Saludos!
El error persiste, chatgpt me recomendó desintalar yaml e instalar js-yaml y cuando intento el npx create-remix se genera la siguiente salida: npx create-remix
node:internal/modules/cjs/loader:1080
throw err;
^
Error: Cannot find module 'yaml'
Require stack:
- C:\Users\PC\AppData\Local
pm-cache\_npx\82f938b29eb562d9
ode_modules\postcss-load-config\src\index.js
- C:\Users\PC\AppData\Local
pm-cache\_npx\82f938b29eb562d9
ode_modules\@remix-run\dev\dist\compiler\utils\postcss.js
- C:\Users\PC\AppData\Local
pm-cache\_npx\82f938b29eb562d9
ode_modules\@remix-run\dev\dist\compiler\plugins\cssImports.js
- C:\Users\PC\AppData\Local
pm-cache\_npx\82f938b29eb562d9
ode_modules\@remix-run\dev\dist\compiler\css\compiler.js
- C:\Users\PC\AppData\Local
pm-cache\_npx\82f938b29eb562d9
ode_modules\@remix-run\dev\dist\compiler\compiler.js
- C:\Users\PC\AppData\Local
pm-cache\_npx\82f938b29eb562d9
ode_modules\@remix-run\dev\dist\compiler\build.js
- C:\Users\PC\AppData\Local
pm-cache\_npx\82f938b29eb562d9
ode_modules\@remix-run\dev\dist\cli\commands.js
- C:\Users\PC\AppData\Local
pm-cache\_npx\82f938b29eb562d9
ode_modules\@remix-run\dev\dist\cli
un.js
- C:\Users\PC\AppData\Local
pm-cache\_npx\82f938b29eb562d9
ode_modules\@remix-run\dev\dist\cli\index.js
- C:\Users\PC\AppData\Local
pm-cache\_npx\82f938b29eb562d9
ode_modules\@remix-run\dev\dist\index.js
- C:\Users\PC\AppData\Local
pm-cache\_npx\82f938b29eb562d9
ode_modules\create-remix\dist\cli.js
at Module._resolveFilename (node:internal/modules/cjs/loader:1077:15)
at Module._load (node:internal/modules/cjs/loader:922:27)
at Module.require (node:internal/modules/cjs/loader:1143:19)
at require (node:internal/modules/cjs/helpers:110:18)
at Object. (C:\Users\PC\AppData\Local
pm-cache\_npx\82f938b29eb562d9
ode_modules\postcss-load-config\src\index.js:7:14)
at Module._compile (node:internal/modules/cjs/loader:1256:14)
at Module._extensions..js (node:internal/modules/cjs/loader:1310:10)
at Module.load (node:internal/modules/cjs/loader:1119:32)
at Module._load (node:internal/modules/cjs/loader:960:12)
at Module.require (node:internal/modules/cjs/loader:1143:19) {
code: 'MODULE_NOT_FOUND',
requireStack: [
'C:\\Users\\PC\\AppData\\Local\
pm-cache\\_npx\\82f938b29eb562d9\
ode_modules\\postcss-load-config\\src\\index.js',
'C:\\Users\\PC\\AppData\\Local\
pm-cache\\_npx\\82f938b29eb562d9\
ode_modules\\@remix-run\\dev\\dist\\compiler\\utils\\postcss.js',
'C:\\Users\\PC\\AppData\\Local\
pm-cache\\_npx\\82f938b29eb562d9\
ode_modules\\@remix-run\\dev\\dist\\compiler\\plugins\\cssImports.js',
'C:\\Users\\PC\\AppData\\Local\
pm-cache\\_npx\\82f938b29eb562d9\
ode_modules\\@remix-run\\dev\\dist\\compiler\\css\\compiler.js',
'C:\\Users\\PC\\AppData\\Local\
pm-cache\\_npx\\82f938b29eb562d9\
ode_modules\\@remix-run\\dev\\dist\\compiler\\compiler.js',
'C:\\Users\\PC\\AppData\\Local\
pm-cache\\_npx\\82f938b29eb562d9\
ode_modules\\@remix-run\\dev\\dist\\compiler\\build.js',
'C:\\Users\\PC\\AppData\\Local\
pm-cache\\_npx\\82f938b29eb562d9\
ode_modules\\@remix-run\\dev\\dist\\cli\\commands.js',
'C:\\Users\\PC\\AppData\\Local\
pm-cache\\_npx\\82f938b29eb562d9\
ode_modules\\@remix-run\\dev\\dist\\cli\
un.js',
'C:\\Users\\PC\\AppData\\Local\
pm-cache\\_npx\\82f938b29eb562d9\
ode_modules\\@remix-run\\dev\\dist\\cli\\index.js',
'C:\\Users\\PC\\AppData\\Local\
pm-cache\\_npx\\82f938b29eb562d9\
ode_modules\\@remix-run\\dev\\dist\\index.js',
'C:\\Users\\PC\\AppData\\Local\
pm-cache\\_npx\\82f938b29eb562d9\
ode_modules\\create-remix\\dist\\cli.js'
]
}
Node.js v18.17.0
Me parece perfecto que le pongas "Deprecado" en vez de eliminarlo, así queda como historia.
😉👋🏻
vaya, vaya, parece que el algoritmo nos lee una vez más, anoche miré vídeos sobre este tema y traté bastante comprenderlo, me cuesta mucho, espero un panorama más claro con tu vídeo, profesor.
👋🏻😉
Oye Jon, usas el procesador de tu laptop para grabar o una capturadora? si usas el procesador es podria ser la razón de que se te trabe tanto el video. Te sugiero usar una capturadora, para que así no fuerces tanto tu equipo.
Por cierto, ya me ví todo tu curso de Javascript y también el de React y aprendí muchisimo, de lejos el mejor edutuber que he descubierto, muchas gracias por tus servicios.💯
Ahora voy a por el curso de base de datos y NodeJS, pero me pregunto si tu curso de Node no estara desactualizado despues de tanto tiempo?🤔
VOy a investigar lo de la capturdora de video, gracias 😉👋🏻
El profesor se ve genial con su nuevo corte de cabello, profesor porque no optar mejor por Vue Js?
👋🏻😉
lo unico que cambio, o el cambio grande que hubo fue create react app, el resto del curso se puede estudiar sin cambios grandes?
Exacto👋🏻😉
Entonces puedo aprender react con la lista de reproducción, solo debo saltarme los vídeos deprecados y ver si usted sube nuevo contenido de react y ya estaría,no??
Sí y usa vite
Curso React: 101. Templates Create React App - jonmircha Ese tampoco va? Me falta mucho igual jajaja
Osea que si construyo una aplicacion y el backend no va a ser nodejs si no por ejemplo laravel, se debe usar react con vite, y no sus metaframeworks como nextjs ya que este es fullstack
Así es
Profe todavia puedo llevar su curso de react o tengo q esperar que modifique el curso?
todo es valido sólo usa Vite en ves de Create React App
Jajajaja ahora si next es next ba dum tsss
😅
Estoy aprendiendo Next y Docker actualmente, la app que estoy construyendo es full stack y es un verdadero dolor de cabeza, me va super lento el vscode, la pc (12 Gb de ram) y la carpeta de Next pesando 4Gb y contando, Sin contar que estoy usando MUI para el CSS que aumenta el bundle.Que mal está haciendo React al dejar a un lado Vite.
Madre mía
Hola Profe! Hoy no sale el de SQL entonces, no?
No, aún no lo acabo, espero que en una o 2 semanas salga
@@jonmircha perfecto, gracias! Allí estaremos y en el vídeo de hoy también.🦊😉
Que jaleo,
¿realmente hace falta gatsby, parcel, remix, vite para usar REACT?
Que alguien me explique un poco como funciona todo esto.
Porque yo he visto un poco por encima Angular, y no hacen tantas instalaciones .
no, lo que pasa es que antes creabas un proyecto de react con create-react-app, pero los de react lo deprecaron hace un par de meses entonces ahora ellos mismos(react) recomiendan usar un framework recordemos que react es una libreria.
Entonces ahora hay que usar alguna herramienta para crear y trabajar un proyecto, todas las del video son opciones que puedes usar de acuerdo a la que mas te guste. Yo justo tambien ando viendo esto, empece a ver next js pero no lo entiendo aun del todo, entonces creo que usare vite por el momento
Yo estoy haciendo los challenges de frontend mentor con puro vite + react + tailwind, asi que 16:59 :v
😅😎👉🏻
grande tio jonmircha, a chuparla react y sus recomendaciones xD, vite de la comunidad para la comunidad
PSD: EvanYou hazme un hijo xdddd
🫢😅 loquillo
Inicie un proyecto con Vite para probarlo siguiendo tus instrucciones pero tuve un problema, cuando ejecuto la opción npm run build efectivamente me crea la carpeta dist con los assets y todo el código minificado, pero cuando abro el archivo index.html solo carga la pagina en blanco, al verificar en la consola que es lo que esta ocurriendo noto que lo esta importando ninguno de los assets, tuve que modificar manualmente el build para colocarle el ./ en las rutas para que pudieran cargar. No se porque ocurrió eso. Este era uno de los errores: Loading module from “127.0.0.1:5500/assets/index-2b2434d7.js” was blocked because of a disallowed MIME type (“text/html”)
Estoy en un equipo lenovo x250 con windows 10 y me dice que debe existir algún problema con el proxy cuando intento instalar npx create-remix: Ok to proceed? (y) y
npm WARN deprecated @npmcli/move-file@1.1.2: This functionality has been moved to @npmcli/fs
npm ERR! code ERR_SOCKET_TIMEOUT
npm ERR! network Socket timeout
npm ERR! network This is a problem related to network connectivity.
npm ERR! network In most cases you are behind a proxy or have bad network settings.
npm ERR! network
npm ERR! network If you are behind a proxy, please make sure that the
npm ERR! network 'proxy' config is set properly. See: 'npm help config' ; no tengo el proxy activado en la configuración de windows.