Crea tu primera aplicación React en 1 hora con este tutorial paso a paso!
Комментарии • 285
6 лет назад+45
Aprende React con mi curso de 15 horas, más de 190 videos y la creación de más de 10 Proyectos. www.udemy.com/react-de-principiante-a-experto-creando-mas-de-10-aplicaciones/?couponCode=RUclips
Aprendí mucho, en una 3 días mas o menos, pero me gusto mucho la forma de programación, voy a seguir buscando información de React me parece muy bueno, gracias
5 лет назад
Mil gracias, eso era lo que estaba buscando un curso práctico de react que te enseñe desde cero
Me estaba sonando demasiado la voz, no se si tendrá algo que ver cierto curso de 100 vídeos y varios proyectos, con webs y blogs sobre café. Me subscribo.
Excelente video, muy buenas explicaciones, me ayudaste a entender muchas cosas de React! Una pregunta, para usar refs, se tiene que crear una por cada elemento (por ejemplo aRef, bRef, cRef, etc)o la misma para todos ¿Como puedo hacer para filtrar elementos al darle clic un botón, utilizando un array?
Gente buenas, tengo un problema, no me sale ningun enlance de la pagina de bootswatch, cuando le doy click me manda a un enlace donde estan solo las lineas de codigo y no sale todo el codigo junto como en el video, y cuando descargo los elementos y trato de agregarlos por la ruta de acceso no me aparecen las modificaciones en la terminal de React, alguno podria ayudarme?
estuve con un error por un buen rato con: .then(resultado => this.setState({ imagenes : resultado.hits})) donde no reconocia .hits pero consola.log lo mostraba sin error.... Donde estaba el error?? estaba en state = { termino : '', .... ; cuando cambie comillas simples a dobles "", funciono perfecto mostrando las imagenes de Cafe. A Diferencia de algunos comentarios detractores comparto la idea de mostrar un ejemplo practico; para mi es un incentivo para investigar sobre esta herramienta. Gracias por el tutorial.
Hola muy buen tutorial, estoy siguiéndolo solo tengo una duda, utilicé al igual que tú el create-react-app sin embargo a mi en el app.js me creó el código como function App() y cuando intento generar la función para pasar los parámetros me da un error la function arrow me dice que espera un ;
Buenas, no sé si pudiste resolverlo, pero te comento que esto es por la nueva actualización de React y la integración de las Hooks. En vez de crear el componente como 'class App extends React.Component' crea el componente funcional 'function App()'. Saludos!
me gusta mucho este tuto pero me gustaria que en vez de que sea una api de fotos quiero que utilice una api de libros me podrias decir como hacerlo gracias juan
deberias dar mas tiempo para poder ver bien la sintaxis mas detallada ya que necesitaba comparar con lo mio y no no alcanza uno analizar una simple acotación
@@patricionicolasgimenez6488 Gracias! Ya me lo instalé y es genial! También me instalé el theme One Dark Pro, que no es exactamente el mismo pero resalta los colores de forma muy parecida al video, y viene perfecto para React.
@@patricionicolasgimenez6488 Gracias, está muy bueno, me lo guardo! Al final igual me metí con el settings.json para modificar el fondo del editor y la barra del explorador, y ahora si no jodo más jaja, acá te paso: code.visualstudio.com/api/references/theme-color
Gracias por el video esta muy bien explicado 👌🏻, alguno sabe como evitar que las card se alteren el tamaño, es decir que siempre mantengan un tamaño independiente de la imagen o texto que esta tenga.
Buenas!! Quería saber si haciendo el curso de react js puedo crear un sistema para mi comercio (lubricentro y venta de repuestos) que tenga estás propiedades , Acceso al sistema mediante usuario y contraseña ,Administración de productos con o sin códigos de barra , Actualización individual o masiva de precios , Control de stock de productos con notificaciones en cantidades bajas , Administración de ventas , Administración de compras , Ingresos y Egresos , Cuentas corrientes de clientes , Fichas de clientes con trabajos realizados y recordatorios . Que me recomienda?
Puedes descargar el archivo de bootswatch y en la consola instalar npm i bootstrap Y luego en el archivo App.js poner un import import 'bootstrap/dist/css/bootstrap.min.css'; Y en tu proyecto busca la carpeta de bootstrap dentro de node_modules/bootstrap/dist/css y pegas el archivo que descargastes y sobreescribes Baja el servidor y vuelve a subirlo y listo
La imagen previa en la card me sale borrosa, alguien sabe como arreglar eso? Si le pongo el LargeImageURL se arregla, pero se vuelve mas lento al cargar
Amigo. Porfa puedes explicar la diferencia de estructuramiento de MongoDB porque no logro entender si debe o no tener relaciones ya que existe el JOIN en MongoDB
Todo proyecto que hagas suma en tu portafolio y entre mas proyectos tengas mas pruebas das de que tienes experiencia trabajando dichas tecnologías, a pesar de que no tengas experiencia laboral
Buenas noches. Gracias por este excelente video, casi todo me ha ido a la perfeccion, sin embargo, hay algo que me ha generado problemas, no importa como intente agregar al archivo index.html el link del tema en bootswatch, este no se ve reflejado por mas que lo intente, incluso instale bootstrap con el paquete de npm y react-bootstrap para ver si este era el problema, sin embargo, aún no puedo hacer, alguien sabe que pueda estar pasando, si con el tiempo cambio la forma de implementacion de estos temas? agradeceria la respuesta.
Estoy haciendo todo igual, pero nose porque el buscador sale muy pegado a la parte superior de la pagina y sin el recuadro gris, alguna ayuda o sugerencia?
hola, no soy programador, pero me interesa tu servicio para que ver si me puede crear un aplicación web. Es un buscador, parecido al ejemplo hecho en el video.
Hola buena noche.. tengo una pregunta.. cuando estoy imprimiendo el array imagenes en el componente Resultado en la consola me imprime dos o mas veces el array.. etoy al pie de la letra.. por favor alguien me puede indicar que puede ser... El problema es que cuando intento crear los componentes de Imagen me genera un error de Stack en los frames Gracias
En el minuto 29:58 no puedo escribir las llaves dentro del string porque me los toma literal, osea, toma el comando JS (this.state.ternino) como parte del String
se ve buen video pero descarge node y salio una pantalla negra ,pero de ahi no pase por q me salia sintax errror .de todas maneras gracias amigo me suscribi y esperare si de pronto logro pasar o avanzar mas
Aprende React con mi curso de 15 horas, más de 190 videos y la creación de más de 10 Proyectos.
www.udemy.com/react-de-principiante-a-experto-creando-mas-de-10-aplicaciones/?couponCode=RUclips
Es el Final Fantasy de React.
Tendrás algún otro cupón para el curso de Udemy?, el de YOUTBE ya no lo aplica. Saludos.
Que tal juan, me podrias pasar tambien el link del curso de Javascript sugerido.
Pues ya compre el curso y viene tambien lo de javascript, aproveche la oferta de 10 pesos, esta super!!!
acabou o cupom
Mix extensiones son
ES7 React/Redux/GraphQL/React-Native snippets
Simple React Snippets
también Prettier ayuda mucho :)
Gracias a tu video Juan empiezo a tenerle cariño a React! Muy buena la explicación!
Muchas gracias! genial ver que el curso sigue siendo de utilidad, pero ya preparando una versión 2024 de React
Muy buen vídeo, super bien explicado, y muy natural, pausada y clara la forma de hablar. Muchas Muchas Gracias!
Aprendí mucho, en una 3 días mas o menos, pero me gusto mucho la forma de programación, voy a seguir buscando información de React me parece muy bueno, gracias
Mil gracias, eso era lo que estaba buscando un curso práctico de react que te enseñe desde cero
Gracias Juan! logré hacer todo el ejercicio excepto por el centrado de los botones. Ya me inscribí a tu curso de React en Udemy.
la verdad me han gustado mucho sus videos, tengo varios en udemy lo felicito y gracias por compartir sus conocimientos
Muy práctico y muy bueno!!.. compre el curso de JS moderno y es igual de bueno!! gracias Juan
Quiero seguir aprendiendo de React js y este video fue muy bueno como introducción, me sirvió bastante, muy buena explicación!
HE ESCUCHADO ALGO MAGICO DE TI "SIEMPRE HE ENCONTRADO QUE APRENDO MAS CUANDO CREO UN PROYECTO REAL", y ha hecho suscribiera de forma automatica.
Excelente tu didactica para explicar. Hice la app y esta perfecta. Muchas Gracias! Ahora voy a colocarle un logotipo
Me estaba sonando demasiado la voz, no se si tendrá algo que ver cierto curso de 100 vídeos y varios proyectos, con webs y blogs sobre café. Me subscribo.
Excelente material. Aprendí mucho. Gracias por compartir tus conocimientos. Saludos
Tremendo curso. Excelente explicación. Muy buena esa Juan.
Excelente. Gracias. Así de Claro, me convenció para inscribirme a tu curso
Excelente aporte, es una buena manera de aprender con práctica.
Gracias.
Muchas gracias profe, genial el curso, lo tendré en cuenta el curso, genial.
Excelente video, Espero poder tener los 2 cursos que ofreces ya que mi meta es poder lograr ser fullstack
Este video me salvo una materia de la universidad! Muchas gracias!!
Mil gracias por este tutorial. Me ha servido mucho para entender y empezar a usar React.
Excelente, muy bien explicado y claro!!. Saludos desde Argentina.
Excelente, genialmente explicado! Me encanta!
Muchisimas gracias profesor por esas practicas. Son de mucha utilidad :)
gracias por su estructura es muy util para todos
Mil gracias Tocayo, son buenísimos tus cursos
Por qué nunca te encontré en RUclips, muy bueno tus curso de UDEMY
Excelente explicación muy profesional @t aunque aqui puede resorver
excelente tuto. gracias! espero poder tomar el resto pq explicas genial.
Excelente curso muy bien explicado
Excelente video, muy bien explicado. Gracias!
Excelente video, muchas gracias, aprendí bastante.
Querido Juan, ya pedí el curso a mi trabajo.
ME SALIÓ!!!!!!! ME SALIÓ!!!!!!! GRACIAS PROFESOR!!!!!
Excelente video, muy buenas explicaciones, me ayudaste a entender muchas cosas de React!
Una pregunta, para usar refs, se tiene que crear una por cada elemento (por ejemplo aRef, bRef, cRef, etc)o la misma para todos
¿Como puedo hacer para filtrar elementos al darle clic un botón, utilizando un array?
Gente buenas, tengo un problema, no me sale ningun enlance de la pagina de bootswatch, cuando le doy click me manda a un enlace donde estan solo las lineas de codigo y no sale todo el codigo junto como en el video, y cuando descargo los elementos y trato de agregarlos por la ruta de acceso no me aparecen las modificaciones en la terminal de React, alguno podria ayudarme?
Muy buen video para entender de manera practica React js
Muy bueno el tutorial, me gustaria ver alguno con hook
buen tutorial me ayudo mucho para comprender como funciona y pues gracias y sigue ha si amigo
Este video a pesar de que fue subido hace 4 años sigue siendo óptimo y se puede crear la app sin errores que resolver en 2022?
estuve con un error por un buen rato con: .then(resultado => this.setState({ imagenes : resultado.hits})) donde no reconocia .hits pero consola.log lo mostraba sin error.... Donde estaba el error?? estaba en state = { termino : '', .... ; cuando cambie comillas simples a dobles "", funciono perfecto mostrando las imagenes de Cafe. A Diferencia de algunos comentarios detractores comparto la idea de mostrar un ejemplo practico; para mi es un incentivo para investigar sobre esta herramienta. Gracias por el tutorial.
Gran ejemplo. Muchas gracias
Muchas gracias por el video Juan. En tu curso los componentes estan hechos con hooks o con clases?
excelente video.. hubiera estado mejor que al iniciar la web se vean todos los elementos y luego si poder hacer la busqueda de lo que uno quiera.
Esta muy bueno el video, no entiendo por que tiene tan pocos me gusta
Así es
Muuuy bueno, me sirvió muchísimo! Gracias!
Excelente video, muchas gracias!
exelente aprendi mucho gracias
Hola Juan, donde estan las extensiones que recomiendas para visual studio code?
BravoJuan eres un exelente profe!! Gracias.
Que buen video Juan muchísimas gracias!!
muy buen aporte hermano ¡¡¡¡¡
Excelente proyecto!
Excelente la explicacion!!!!!
No sabia que tenia un canal profesor!!
Voy a intentar lograrlo, muchas gracias 🙏🙏
Gracias por el curso
Hola muy buen tutorial, estoy siguiéndolo solo tengo una duda, utilicé al igual que tú el create-react-app sin embargo a mi en el app.js me creó el código como function App() y cuando intento generar la función para pasar los parámetros me da un error la function arrow me dice que espera un ;
Buenas, no sé si pudiste resolverlo, pero te comento que esto es por la nueva actualización de React y la integración de las Hooks. En vez de crear el componente como 'class App extends React.Component' crea el componente funcional 'function App()'. Saludos!
Hola, saludos, pudiste resolver el problema?
Magnífico. Aplausos.
execelente explicación
me gusta mucho este tuto pero me gustaria que en vez de que sea una api de fotos quiero que utilice una api de libros me podrias decir como hacerlo
gracias juan
deberias dar mas tiempo para poder ver bien la sintaxis mas detallada ya que necesitaba comparar con lo mio y no no alcanza uno analizar una simple acotación
Muy bueno gracias
Excelente, quiero el curso completo
Tremendo tutorial, te ganaste un SHARE seguro
Muchas gracias por este video, me sirvio muchisimo de verdad, sos un capo
Hola! Excelente el curso, me estás salvando de odiar React!
Una consulta, qué theme usas para que las llaves tengan distintos colores?
Al menos en mi caso yo uso: "Bracket Pair Colorizer"
@@patricionicolasgimenez6488 Gracias! Ya me lo instalé y es genial! También me instalé el theme One Dark Pro, que no es exactamente el mismo pero resalta los colores de forma muy parecida al video, y viene perfecto para React.
@@TejoAgus Te recomiendo el Theme "Andromeda", a mi gusto es el mejor. Probalo y me decis
@@patricionicolasgimenez6488 Gracias, está muy bueno, me lo guardo! Al final igual me metí con el settings.json para modificar el fondo del editor y la barra del explorador, y ahora si no jodo más jaja, acá te paso: code.visualstudio.com/api/references/theme-color
@@TejoAgus ahhh, yo meto mano ahi y hago un quilombo jaja. No sabia esa. Gracias a vos
Impresionante. Sigue así
Gracias por el video esta muy bien explicado 👌🏻, alguno sabe como evitar que las card se alteren el tamaño, es decir que siempre mantengan un tamaño independiente de la imagen o texto que esta tenga.
En el componente Imagen, en las propiedades de la etiqueta img, asigna un valor de altura ejemplo
hola tendrás algún video similar... bien explicado como este pero en vez de utilizar classes.. utilizar hooks; ya sea en youtube u udemy... saludos
Buenas!! Quería saber si haciendo el curso de react js puedo crear un sistema para mi comercio (lubricentro y venta de repuestos) que tenga estás propiedades , Acceso al sistema mediante usuario y contraseña ,Administración de productos con o sin códigos de barra , Actualización individual o masiva de precios , Control de stock de productos con notificaciones en cantidades bajas , Administración de ventas , Administración de compras , Ingresos y Egresos , Cuentas corrientes de clientes , Fichas de clientes con trabajos realizados y recordatorios . Que me recomienda?
Sí podrias, el curso esta super completo
De poder si puedes pero. Para manejar el negocio que requieres debes pensar en las tecnologías del lado del servidor (Backend)
Para que funcionara el efecto de scroll debió haber sido:
element.scrollIntoView({block: "end", behavior: "smooth"});
Sí. Ahí hubo un error. Intenté corregirlo acá github.com/judasane/Pixabay-Fetcher
Brutal!!! muchas gracias
Muy bueno el proyecto, me interesa saber como sacar el link de bootswatch, ya que al darle download me descarga un archivo.
Puedes descargar el archivo de bootswatch y en la consola instalar npm i bootstrap
Y luego en el archivo App.js poner un import
import 'bootstrap/dist/css/bootstrap.min.css';
Y en tu proyecto busca la carpeta de bootstrap dentro de node_modules/bootstrap/dist/css y pegas el archivo que descargastes y sobreescribes
Baja el servidor y vuelve a subirlo y listo
en el botón de Download, hasle anticlic y en "abrir enlace en una nueva pestaña", copia el enlace de la nueva pestaña
Que buen vídeo, gracias.
La imagen previa en la card me sale borrosa, alguien sabe como arreglar eso? Si le pongo el LargeImageURL se arregla, pero se vuelve mas lento al cargar
pon webformatURL
Increíble video gracias amigo.
Amigo. Porfa puedes explicar la diferencia de estructuramiento de MongoDB porque no logro entender si debe o no tener relaciones ya que existe el JOIN en MongoDB
Muy buen tutorial... solo no he logrado que me funcione el onClick de los botones en la paginación
no se cual sea el problema.
Excelente
para usar bootswatch no hay que instalarla primero connpm install? pregunto ya que soy nuevo
Buenisimo tu video bro, gracias
Acabando este proyecto, lo podría agregar a mi portafolio para obtener mi primer empleo?
Todo proyecto que hagas suma en tu portafolio y entre mas proyectos tengas mas pruebas das de que tienes experiencia trabajando dichas tecnologías, a pesar de que no tengas experiencia laboral
Buenas noches.
Gracias por este excelente video, casi todo me ha ido a la perfeccion, sin embargo, hay algo que me ha generado problemas, no importa como intente agregar al archivo index.html el link del tema en bootswatch, este no se ve reflejado por mas que lo intente, incluso instale bootstrap con el paquete de npm y react-bootstrap para ver si este era el problema, sin embargo, aún no puedo hacer, alguien sabe que pueda estar pasando, si con el tiempo cambio la forma de implementacion de estos temas?
agradeceria la respuesta.
explica qué has probado y qué no ha funcionado y te podremos ayudar mejor
hola muy buen video me podria decir la extencion que usas para generar el codigo, muchas gracias de antemano
que tema usas amigo?, y me gusta tu curso!!!
Estoy haciendo todo igual, pero nose porque el buscador sale muy pegado a la parte superior de la pagina y sin el recuadro gris, alguna ayuda o sugerencia?
Excelenteeee!
Muy bueno!
Faltaron las extensiones
hola, no soy programador, pero me interesa tu servicio para que ver si me puede crear un aplicación web. Es un buscador, parecido al ejemplo hecho en el video.
depende de que tipo de imagenes sea el buscador que necesites, yo puedo ayudarte
No me funciona el cupón, tendrás uno nuevo?
hola, usas redux en este proyecto?
Hola que extensiones utilizas ?
Para el navegador usa JSONView y React Developer Tools. Para VSCode usa Simple React Snippets
Hola buena noche.. tengo una pregunta..
cuando estoy imprimiendo el array imagenes en el componente Resultado en la consola me imprime dos o mas veces el array.. etoy al pie de la letra.. por favor alguien me puede indicar que puede ser...
El problema es que cuando intento crear los componentes de Imagen me genera un error de Stack en los frames
Gracias
Buenas!! algún cupon para tu curso de Udemy?? es genial
En el minuto 29:58 no puedo escribir las llaves dentro del string porque me los toma literal, osea, toma el comando JS (this.state.ternino) como parte del String
Después de buscar y buscar, encontré la solución. NO USEN COMILLAS SIMPLES NI DOBLES, USEN ESTAS COMILLAS (` `)
@@patricionicolasgimenez6488 tienes razon, me funcionó como dices, con esas comillas, saben cual es el código para esa comilla?
ya vi es ALT+96 y saca esas comillas (en windows), gracias!
Hay algún repositorio en git para ver los archivos? gracias, muy bueno
gracias por el video
se ve buen video pero descarge node y salio una pantalla negra ,pero de ahi no pase por q me salia sintax errror .de todas maneras gracias amigo me suscribi y esperare si de pronto logro pasar o avanzar mas