Curso React. Fundamentos III. Primera App. Vídeo 5
Вставка
- Опубліковано 25 кві 2024
- Link al código JSX del vídeo: www.pildorasinformaticas.es/a...
En este vídeo creamos nuestra primera App con React. Replicamos la app del vídeo anterior en JavaScript puro y vemos la estructura de una app React señalando los archivos más importantes.
Para más cursos, ejercicios y manuales visita: www.pildorasinformaticas.es
Gracias por estas clases de React Juan, espero que sigas dando este curso porque como a mí me imagino que hay mucha gente interesada. Además explicás re bien y quedan muy claros todos los conceptos, cosa que pocos cursos pueden lograr.
Estaba pensando en aprender React, y si lo explicás vos Juan es un plus. Gracias!
Retomando este curso.
Perfecto Juan esperando los siguientes videos, Saludos
Muchas gracias por crear estos contenidos y explicar tan bien, estoy tratando de enseñar un poco lo que sé en mi canal y ya tengo algunas personas que se sienten bien por lo que están aprendiendo.
Espero poder en algún momento llegar a explicar tan bien como tú. ❤
excelente video no me habia dedicado a react siempre trabajando con angular pero me parece excelente esta herramienta
CRA ya esta abandonado por parte de facebook, lo ideal seria usar vitejs. Saludos.
Según tengo entendido, CRA es la opción con una configuración estándar que ha sido probada durante mucho tiempo, ampliamente adoptada. Vite (que por supuesto veremos y explicaré) es ideal para inicios rápidos con una configuración mínima. En cuanto a Next, que también veremos, es la opción más apropiada para aplicaciones complejas. Tan solo quería mostrar en este momento el esqueleto típico de una aplicación React y compararlo con JavaScript puro. Veremos todas las opciones. ¡Saludos!
Buen video.
Buen video ❤❤❤
Gracias
Podras explicar las props?
Interesante, se llegará a ver react móvil
Muchas gracias por este curso, he empezado a trabajar en un empresa que usa Visual Studio y estoy replicando tu código en un proyecto .NET. Entiendo que el servidor de desarrollo, es lo que tiene por defecto .NET al darle a 'Iniciar', no? Se me abre una pagina que pone vite+react y otra con datos del tiempo (weatherForecast, que crea por defecto VS al iniciar un proyecto en REACT). Es algo diferente pero espero poder seguirte el hilo en un proyecto de React con VS 2022.
De nuevo muchas gracias y un saludo!
Visto! 😀
Te recomiendo valorar que en futuros videos en lugar de usar create-react-app, utilizes vite. 💙
Paso a paso amigo. ¡Un saludo!
En eel curso me dijeron que no se usa mas react sino next
@@claugardenes1974 Como todo en la vida depende. Create React App ya está desaconsejado porque babel(el compilador) se volvió muy pesado, Vite se usa para proyectos de react que no necesitas ningún framework y tu le vas a añadir absolutamente todas las librerías de manera maual, Next o Gatsby o Remix se usará cuando necesites hacer practicamente un monolito o un full stack. Así que de que siempre será Next lo dicen porque casi todo el equipo de FB que creó React ahora trabaja para vercel, adicional vite es creado por la competencia... O sea los creadores de VUE. Algo sesgada la opinión de "todo será Next". Vite es ideal para aprender React desde cero y añadirle lo demás. Adicional que Next usa webpack como compilador... Otro compilador que va para la basura, están intentando que funcione con turbopack con Rust. Aprender Next sin react primero, será como aprender Spring boot sin saber Java.
Profe un poquito más de zoom al código o contraste, yo casi no veo :'(
oohoh es el primer enlace
Donde esta esa url de descarga de jsx del video 5 saludos muchas gracias
el link del codigo que esta en txt me da tremendo lio, no tiene github?
Buenas, porque no utilizas VITE? ya no se recomienda utilizas CRA (create react app)
Porque es la opción con una configuración estándar que ha sido probada durante muuuuchos años y que es ampliamente adoptada. Vite (que por supuesto veremos y explicaré) es ideal para inicios rápidos con una configuración mínima. ¡Un saludo!
Juan buenas noches, perdona lo tarde, quería saber porque en mi vsc me indica error npm ERR! code E404
ENOENT: no such file or directory, lstat 'C:\Users\Usuario\AppData\Roaming
pm'
ENOENT: no such file or directory, lstat 'C:\Users\Usuario\AppData\Roaming
pm'
no sé como resolver, si alguno de la comunidad pudiera orientarme lo agradecería
Buenas noches, podés probar con el siguiente comando para que te vuelva instalar el npm a nivel global: "npm install -g npm". Una vez ejecutado probá nuevamente de crear la aplicación con "npx create-react-app nombre-app"
@@cdvillarreal excelente, mil gracias por el apoyo, nuevamente en la ruta del aprendizaje
No me va el enlace al jsx!
yo te aconsejo usar YARN en vez de NPM es infinitamente más rapido
Recien me empece en React y me cae como anillo al dedo, pero una gran duda lo de react-create-app no esta obsoleto? Estaba viendo q ahora es con Next?????
Siii. Mee lo dijeron en el curso que arranque de react. Desde hace 6 meses se dejo de usar react por el ceo, se esta usando next que corrige los problemas de ceo
Me imagino que a esto Juan lo sabe, pero como es el primer proyecto, podríamos empezar por este y luego pasar al otro comando que nos crea la aplicación con un Framwork como Next.js.
Primero se debería usar vite para entender React, despúes Next. Solo le hacen fuerza a Next porque todo el equipo de FB que creó React trabaja en Vercel. Pero la mejor manera de aprender React es desde la base usando Vite. Ya lo dije en otro comentario, aprender Next sin react primero, será como aprender Spring boot sin saber Java.
Según tengo entendido, CRA es la opción con una configuración estándar que ha sido probada durante mucho tiempo, ampliamente adoptada. Vite (que por supuesto veremos y explicaré) es ideal para inicios rápidos con una configuración mínima. En cuanto a Next, que también veremos, es la opción más apropiada para aplicaciones complejas. Tan solo quería mostrar en este momento el esqueleto típico de una aplicación React y compararlo con JavaScript puro. Veremos todas las opciones. ¡Saludos!
No seria mejor comenzar directamente usando vite, pues la propia documentación de react no aconseja usar create-react-app, aunque pues para aprender puede no ser tan neseario usar vite, aunque la manera de manejar el react es exactamente la mima
Buen dia, no me funciona el comando de react (npx create-react-app) escuche que ya no se usa, me aparece esto npm ERR! code ENOENT
npm ERR! syscall lstat. si alguien pudiera ayudarme lo agradecería
El error npm ERR! code ENOENT acompañado de npm ERR! syscall lstat en npm generalmente indica que npm no puede encontrar un archivo o directorio que espera. Las razones puedes ser múltiples, desde que no estés en el directorio que contiene el proyecto, a problemas de permisos para leer y escribir en los directorios involucrados, a una caché corrupta etc. ¡Saludos!
@@pildorasinformaticas Muchas gracias!
@@abcdefghijk2635 Hola, a mi me aparecio lo mismo, busque en chatgpt el problema y me tiro este codigo : npm install -g create-react-app, le das enter se genera una instalacion y luego escribis: create-react-app --version, le das Enter y si te aparece 5.0.1, ya estaria funcionando bien y podes crear react app nuevamente. Por lo menos a mi me funciono, espero te sirva tambien
Dios santo, cada vez q entro aquí salgo escaldao...