Тёмный

Curso React. Fundamentos III. Primera App. Vídeo 5 

pildorasinformaticas
Подписаться 803 тыс.
Просмотров 5 тыс.
50% 1

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

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

 

25 апр 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 42   
@cdvillarreal
@cdvillarreal Месяц назад
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.
@Amichetti
@Amichetti Месяц назад
Estaba pensando en aprender React, y si lo explicás vos Juan es un plus. Gracias!
@JoqsanCastellanos
@JoqsanCastellanos 12 дней назад
Retomando este curso.
@intercambioradial
@intercambioradial Месяц назад
Perfecto Juan esperando los siguientes videos, Saludos
@alfred1975k
@alfred1975k Месяц назад
CRA ya esta abandonado por parte de facebook, lo ideal seria usar vitejs. Saludos.
@pildorasinformaticas
@pildorasinformaticas Месяц назад
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!
@manolopajaro_videos5894
@manolopajaro_videos5894 Месяц назад
excelente video no me habia dedicado a react siempre trabajando con angular pero me parece excelente esta herramienta
@Aprendder
@Aprendder Месяц назад
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ú. ❤
@danielzapata9099
@danielzapata9099 Месяц назад
Te recomiendo valorar que en futuros videos en lugar de usar create-react-app, utilizes vite. 💙
@pildorasinformaticas
@pildorasinformaticas Месяц назад
Paso a paso amigo. ¡Un saludo!
@claugardenes1974
@claugardenes1974 Месяц назад
En eel curso me dijeron que no se usa mas react sino next
@diegomonsalve1888
@diegomonsalve1888 Месяц назад
@@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.
@RobinsonCajas-ys2br
@RobinsonCajas-ys2br Месяц назад
Buen video ❤❤❤
@JoqsanCastellanos
@JoqsanCastellanos Месяц назад
Buen video.
@claugardenes1974
@claugardenes1974 Месяц назад
Podras explicar las props?
@martincolonsuriel3304
@martincolonsuriel3304 Месяц назад
Interesante, se llegará a ver react móvil
@harold.machado
@harold.machado Месяц назад
Gracias
@Nimek4
@Nimek4 Месяц назад
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!
@fernandogonzalez1041
@fernandogonzalez1041 Месяц назад
Visto! 😀
@jaroldmauricioruda1274
@jaroldmauricioruda1274 Месяц назад
oohoh es el primer enlace
@jaroldmauricioruda1274
@jaroldmauricioruda1274 Месяц назад
Donde esta esa url de descarga de jsx del video 5 saludos muchas gracias
@JuanPerez-nx6hm
@JuanPerez-nx6hm 20 дней назад
el link del codigo que esta en txt me da tremendo lio, no tiene github?
@sarita580
@sarita580 28 дней назад
Profe un poquito más de zoom al código o contraste, yo casi no veo :'(
@alejandroalonsoportas2681
@alejandroalonsoportas2681 Месяц назад
No me va el enlace al jsx!
@jnp9715
@jnp9715 Месяц назад
Buenas, porque no utilizas VITE? ya no se recomienda utilizas CRA (create react app)
@pildorasinformaticas
@pildorasinformaticas Месяц назад
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!
@diegosimancas2911
@diegosimancas2911 Месяц назад
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
@cdvillarreal
@cdvillarreal Месяц назад
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"
@diegosimancas2911
@diegosimancas2911 Месяц назад
@@cdvillarreal excelente, mil gracias por el apoyo, nuevamente en la ruta del aprendizaje
@karlozpuyol3382
@karlozpuyol3382 Месяц назад
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?????
@claugardenes1974
@claugardenes1974 Месяц назад
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
@cdvillarreal
@cdvillarreal Месяц назад
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.
@diegomonsalve1888
@diegomonsalve1888 Месяц назад
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.
@pildorasinformaticas
@pildorasinformaticas Месяц назад
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!
@omaaar_cito
@omaaar_cito 19 дней назад
yo te aconsejo usar YARN en vez de NPM es infinitamente más rapido
@CodeMusic123
@CodeMusic123 11 дней назад
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
@abcdefghijk2635
@abcdefghijk2635 Месяц назад
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
@pildorasinformaticas
@pildorasinformaticas Месяц назад
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!
@abcdefghijk2635
@abcdefghijk2635 Месяц назад
@@pildorasinformaticas Muchas gracias!
@user-nq4du8dh8d
@user-nq4du8dh8d Месяц назад
@@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
@c_cs2471
@c_cs2471 Месяц назад
Dios santo, cada vez q entro aquí salgo escaldao...