Aprende React en 45 Minutos

Подписаться 195 тыс.

Просмотров 55 тыс.

50% 1

Convertite en React developer en 45 minutos.
🔴 CURSOS EN LÍNEA Y EN VIVO EN CODERHOUSE 🔴
Conseguí un 15% OFF ADICIONAL en Coderhouse sobre cualquier descuento que haya en la web con mi código: DEIVCHOI
Link: bit.ly/3QhrM9i
Curso de HTML y CSS:
• Curso Básico de HTML5 ...
Curso de JavaScript:
• Aprende JavaScript en ...
Repositorio del proyecto del video:
github.com/choidavid4/curso-r...
-----------------------------------------------------------------------------------------------------------
Unite al server de DISCORD:
/ discord
Siganme en redes!
Twitter: / deivchoi
Instagram: / deivchoi
-----------------------------------------------------------------------------------------------------------
Indice:
00:00 Intro
00:32 Entorno de desarrollo
02:46 Corriendo el proyecto
05:04 Archivos del proyecto
10:25 Tu primer componente React
16:22 Propiedades
19:09 Mostrando colecciones en React
23:09 Estado de un componente
25:27 Renderizado condicional
26:55 Eventos
30:16 Enrutado con react-router-dom
36:51 Componente-vista

Наука

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

28 май 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 192

@stzstereotek4436 Год назад

Como pequeño dato: No tengan miedo de estudiar react si no saben JavaScript al 100%. Al contrario, en mi experiencia aprender react me ayudo a entender mejor JS.

@diegosayago8130 Год назад

EL comentario que necesitaba para al fin animarme 😎

@esmilcasado5923 Год назад

Yo pasé tranqui, le dí 2 meses al JS y react se me ha hecho muy fácil XD

@crossmalone1939 Год назад

Justo eso era lo que pensaba, creía que necesitaba saber mucho de JS, apenas sé el 10% como mucho y entendí este video perfectamente.

@josuerivera2833 Год назад

Y con esto me doy cuenta que sí debo comenzar a aprender react, gracias amigo

@Khris14 Год назад

y yo que pensaba que tenia que aprender JS jaja ahora ni voy a estudiar eso, solo voy a aprender react directamente

@Khris14 Год назад

gracias deivid, aprendi mas de react en 45 min que en todo un año en coder house

@sebastianleque Год назад

Coder es una loteria, si te toca un profe medio plomo, es lo mismo que estudiar de forma independiente

@martinbarrozo3427 7 месяцев назад

totalmente COMPARTO,

@josuehuallullo1705 Год назад

Si pudieras hacer otro curso basico pero sobre TypeScript seria estupendo.

@Colrex341 11 месяцев назад

apoyo a la causa

@Mi_Jefe 10 месяцев назад

Por favor haz 1 video sobre cuales son todas las áreas de la programación. He visto que muchos youtubers solo ponen algunas áreas pero se quedan incompletos. Estas son algunas áreas que encontré: 1. Web 2. Móvil 3. Apps de escritorio 4. Administración de Servidores 5. DevOps 6. Desarrollador Blockchain 7. Inteligencia Artificial 8. Ciencias de Datos 9. Desarrollo de Videojuegos 10. Sistemas Operativos 11. Sistemas Embebidos 12. Testing 13. Administración de Base de Datos 14. Realidad Virtual 15. Realidad Aumentada 16. Seguridad Informática 17. Computación en la Nube 18. Aprendizaje Automático 19. Administración de Sistemas 20. Desarrollo de Criptomonedas 21. Desarrollo NFT Por favor haz el video sobre cuales son todas las áreas de la programación del más fácil al más dificil de aprender y si crees que entre estos hay algunos que no son áreas pero son tan importantes para tenerlos en cuenta dinozlo por favor.

@hectorsoler1189 Год назад

Esto es lo que necesito, directo al código, simple y al grano. Muchísimas gracias, genio.

@raulriquelme4734 10 месяцев назад

Claro, preciso y conciso... Tienes mucha habilidad para enseñar y sintetizar lo mas importante de manera fácil algo que se puede ver muy complejo, sigue asi, esperamos mas con tus tutoriales..

@emaaero2020 10 месяцев назад

Muchas Gracias david, la verdad magistral la clase para poder ver en un aspecto sencillo pero general como trabaja react, ya que lo venia aprendiendo por partes y no entendia bien cual es el proposito final. muchas gracias.

@wargreimon Год назад

Excelente video, justo sigo aprendiendo y repasando todo y me encanta lo escalable que es este ejemplo, excelente tutorial.

@jonathantellocarrasco4988 9 месяцев назад

Excelente para entender muy bien las bases de react. Me fue de gran utilidad porque andaba medio perdido con el tema. Saludos!

@gustavitoramirez3597 Год назад

Justo estoy haciendo un curso y el próximo tema a ver es React, muchas gracias David, me gusta mucho como lo explicas de forma tan natural y que se entienda muy bien.

@nandodo203 Год назад

Me encanta tu explicación, se pasa rápido el tiempo cuando logras capturar la atención del público

@alexanderparra7779 10 месяцев назад

Bro muchas gracias por el tutorial de verdad que aprendí demasiado, espero ver mas videos de react en tu canal saludos!!

@sylarback Год назад

Es el video mejor explicado. Muchas gracias. Molaria una extension de React. 👌👏😜

@alanbalvin7731 Год назад

Gracias por crear este curso, hay muchas formas de hacer proyectos en React pero como están cambiando los inicios de React con "npm start" y todo eso, muchos tutoriales de muchos RU-vidrs nos marcan errores y quedamos muy confundidos, espero poderle sacar el mejor provecho a este curso de 45 min y si es conveniente, también tomar el curso que anuncias

@carinasittner6669 3 месяца назад

ay david querido...que bueno encontrarte dando vueltas en youtube..estoy con react de principio de año empece con html css y js ahoravoy a ver tu tutorial ovbiamente hice proyectos bobos...paginas pelotudas etc....gracias hermano...por compartir tus conocimientos con nosotros

@sergiosalvi568 6 месяцев назад

Excelente contenido, estoy iniciando react y me vino muy bien seguir repasando cosas, profundizando otras. 🎉

@claritalizarralde1956 4 месяца назад

Cheee, excelente video y explicacion! tenés un poder de síntesis y claridad que viene muy bien. Gracias!

@juansebastiangutierrezesco1940 8 месяцев назад

Por favor @divchoi necesitamos más cursos como este. Si es de React mejor! Ojalá puedas activarte en tu contenido para seguir aprendiendo.

@DestroyerSV503 Год назад

Deiv, gracias! en los primeros 15min de video logré comprender como funciona React, en cambio en otros tutoriales que alaban mucho a esos youtubers, no he entendido nada. Gracias! ahora sí podré ir completando mi Road. Gracias!!

@_uzih4044 7 месяцев назад

Muchas gracias bro, estaba de capa caída con una entrega dado a que no estaba aprendiendo prácticamente nada de react, pero con este video me llevo todo lo que necesito

@debajodelagua1 6 месяцев назад

Gracias David!!! Como siempre impecable!! Sos un crack explicando!!!!

@user-xh1wi7rh9x Год назад

Excelente..muchas gracias. Te vi en otro video y me pareció muy interesante tu contenido. Sume mi like a tu pagina. Saludos desde Argentina

@esmilcasado5923 Год назад

Excelente bro, ya ando en react y justo por el tema del router

@victormanuelvalenzuela1615 9 месяцев назад

Ahora entendi los malditos Hooks!!! , gracias man! Idolo! Apoyemos para que siga subiendo cursos!!!

@yuremhirano390 6 месяцев назад

Acabo de ver el de git, me quedo clarisimo. Hace 2 dias que estoy tratando de entender las bases de React y nadie sabe explicarlas bien, es como si hacerse programador les quitase la comunicacion basica humana. Gracias por ser la excepcion a la regla y hablarnos como personas, hay otros profesionales que cuando te hablan parece que te dan comandos

@josemanuico5613 Год назад

eres el mejor. Que dirias si como projecto a largo plazo haces el mismo projecto en angular,react y vue para masomenos entendes como luciria un projecto medio en cada uno (y descubrir sus fuerzas y debilidades)

@pieroa1909 Год назад

Hola me gusto el video. Podrías hacer un curso de Python desde cero con todas sus bases y algunos proyectos o ejercicios.

@arielgomez7832 11 месяцев назад

Excelente explicación, muchas gracias!

@juandominguez4513 Год назад

Muchas gracias deivchoi justo estaba buscando un curso así...

@jeancornelio159 Год назад

Gracias a tu video ya se que tengo la basica de React

@Luigi220976 Год назад

Excelente Deivid, .. mil gracias !!!

@pcoy06 3 месяца назад

Muchas gracias por su tiempo!! Saludos!!

@carlospaz5505 Год назад

Muy buen video master, cortita y al pie 👌

@baam3886 Год назад

Sencillo y dinámico, Gracias amigo.

@alamos2404 Месяц назад

Genial el tutorial, muy bien explicado!

@HatNike 11 месяцев назад

Sos un capo, rey. Qué queré q te diga!!

@mr.juancho3275 4 месяца назад

esta es una joya de tutorial amigo te quedo brutal !!!!!!

@armandopimentel1911 5 месяцев назад

Explicacion excelente... gracias...!!!

@ElMenCuler 2 месяца назад

Deiv, mil gracias loquito, la verdad una locura este cursito que te mandaste. Eternamente agradecido

@ElMenCuler 2 месяца назад

Nuevamente paso a agradecerte, estoy migrando mi web app que tenia con Spring Boot + Html Css y JS, a SpringBoot + React . Que locura de framework, gracias por tu tiempo y conocimiento brindado

@juanesteban000 Год назад

Justo lo que necesito. Hace una semana empecé con react:D

@ConsulTeccnia 10 месяцев назад

uf voy 28 min y aprendí más con vos que en 12 clases de coder. 5 PALABRAS: CRACK

@lucasbustos9729 10 месяцев назад

muy buena explicación. se agradece

@gastonbundio4234 10 месяцев назад

gracias es el mejor curso que ví.lamentablemente empece en esto de la programacion a los 37 ya con mujer y hijos y no me da l cabeza ni el cuerpo.con un trabajo de mierda nunca voy a poder tener un laburo de esto.estuve 5 meses estudiando un curso full stack y autodidacta pero es hora de aceptar que ya mi tiempo pasó.era antes😢

@deivchoi 10 месяцев назад

LA EDAD ES SOLO UN NUMERO!

@lex8699 Год назад

deivchoi ! Sos un Crack y una inspiracion.

@tomasanch7941 Год назад

che una pregunta, cuando trabajas con react con que estilas? usas tailwind o css puro?

@josealbertoperez8620 Год назад

Gracias deivchoi muy buena práctica...🚀

@user-wj6zu7nv1j 7 месяцев назад

lol ambulancia xd. Magnífica clase chabón. Impecable. Muchas gracias por subir este contenido!

@elverdaderoMAXCRIS 6 дней назад

excelente curso me heche 6 horas jajaj porque soy vago ahciendolo pero sali super mega aprendido :v todo muy bien explicado me frene mucho por mis errores de sintaxis, pero si hubo solo un peque;o detalle que me frenaba y es que al declarar la funcion de la targeta o card debia hacerlo asi cabe aclarar que yo utilice los terminos en español porque hablo español pero solo donde dice Targeta pongan Card : function Targeta ({titulo, descripcion})

@tognolibsas 2 месяца назад

Lo bueno de react es que te permite reutilizar componentes y hacer aplicaciones escalables, lo malo de react es que se puede aprender en 45minutos

@garagelab_lucas_gongora Год назад

GEEENIOOOOOOO!!!!!! tenes un curso completo de REACT? si no lo tenes hacelo por favor

@N1colass_dev Год назад

Que grande Dei este curso!!

@carlosruiz7257 Год назад

Excelente explicacion!

@carlosastorgaar Месяц назад

¡Gracias totales!

@jaroldmauricioruda1274 8 месяцев назад

Hola seguro acá hay personas muy conocedoras de los bootcamps páginas para aprender y rutas de aprendizaje me gustaría saber si ingresar al rollo de Henry vale la pena

@marcomontenegro8157 3 месяца назад

Excelente...te ganaste mi suscripcion

@jorgeromero4433 Год назад

Gracias máquina!

@r0wx Год назад

un capo, me ayudo una banda pa, buen video

@tutoeldavid7917 Год назад

Brooo deberías hacer un curso basico de un backend ya sea php o node js porfaaaa

@jhoanmanuelcarvajal9822 3 месяца назад

Interesante el proyecto👏

@jorgevillegas2597 11 месяцев назад

super el videoo te pasaste!!!

@Simon-dm3gs Год назад

muy buen video bro

@blancoblanco1160 3 месяца назад

¿Por qué las páginas que creo heredan los estilos CSS?

@twicemax303 5 месяцев назад

gracias men me salvaste :3

@francoroldan701 11 месяцев назад

Muy buen video 👏

@delfisamperi6284 Год назад

Una joya tu video Deiv. Muchas gracias!! Vas bien rápido pero en 0.75 va bien 😂😂

@andrurr_7u7 3 месяца назад

Que buen video 🎉

@jennymolina7205 6 месяцев назад

Me encanta como sintetiza para explicar , me a funcionado 100% Todas las putas que plantea 🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉

@Zero10903 Год назад

Gracias por el video:3 Me sirvió para comparar un poco React y Vue; creo que prefiero quedarme con este último

@DestroyerSV503 Год назад

porque Vue?

@Zero10903 Год назад

@@DestroyerSV503 es mucho más sencillo de aprender al usar SFC. Además, sigue manteniendo la diferenciación entre html, css y JavaScript a pesar de estar todo en un mismo archivo, pues usan etiquetas distintas. A diferencia de React que usa archivos jsx que terminan siendo confusos al mezclar JavaScript con Html Igual es subjetivo, es decir, este es un punto de vista; pero puedes tener otras formas de Verlo A mi parecer, Vue es más sencillo de aprender cuando no has tocado otro framework antes Luego puedes pasarte a otro distinto, como React o Angular; pero Vue está bien para empezar

@Juan-ni3wu Год назад

Increíble la edición de tus videos!!! ¿los editas tu?

@deivchoi Год назад

Si 😎

@user-pc3hd6sw7g 3 месяца назад

capo el chinito toy aprendiendo bandix

@johanospina4529 Год назад

Puedes hacer un video de como crear una caja de comentarios en html, css y js

@facundopaez742 Год назад

Muy bueno para un repaso rápido, pero cambiaría el título del vídeo..

@TheSpoksonat 11 месяцев назад

Si quiero editar el color del h2 de Plane por ejemplo, o todo el CSS dentro de plane, como podría cambiar solo eso? al intentar cambiar se cambian todos

@deivchoi 11 месяцев назад

Podrias hacer una especie de estilo condicional. Donde cuando el nombre es “plane” aplicas una clase personalizada al componente. De todas formas, por que querrias hacer eso? Jajajaja

@TheSpoksonat 11 месяцев назад

@@deivchoi solo por curiosidad jaja, en caso de que a plane quisiera agregarle algo extra que a las demás no

@inkaelch10 Месяц назад

Hice front end en Coder y solo tuve mala experiencia y los certificados 😂... No recomiendo Coder para nada, desde mi experiencia, claramente

@TheLurleenGamespro 10 месяцев назад

Hay que trabajar más en no enroscarse tanto con css. A los del frontend developer les encanta el css pero si estás haciendo un curso de react debes limitarte a no mostrarlo demasiado. El css se lo pido al chatgpt, yo vine por react

@adanmaidana7441 Год назад

lol ambulancia xd, bien video deiv como siempre

@NIKZERO23 7 месяцев назад

lol ambulancia xd grc por el video estaba aprendiendo con videos de react en 15 minutos o 30 minutos pero no me servia mucho ya q tenia muchas dudas de la paginación aqui encontre buen contenido , salud...

@ferbeoulve Год назад

Muy bueno el video. El onclick se usa en react? o lo usaste a modo de hacerlo de manera mas facil de entender el ej, pregunto por que en todos lado veo que dicen no usen onclick.

@rominaprograma Год назад

tiene malas prácticas, como todos los que se lanzan a hacer cursitos en youtube sabiendo apenas lo básico

@lucianodeniro6475 Год назад

es mejor usar el addEventListener("click", () => )

@MaxVicio Год назад

yo hice react en coderhouse, posta está muy bueno. Capaz tenes la mala suerte de que te toque un profe malo al que no le entendes una mierda, me pasó justamente en react, pero lo reclamé, me cambiaron de comisión sin costo y me tocó un profe que era un fenomeno. Como todo, podés ir a la facu y te toca un mal profe también, acá por lo menos te podés cambiar

@Khaoss_Argento Год назад

Hola! Te acordás el nombre del profe "malo" y el del profe "bueno" que te tocó? Porque arrancó en julio en coder y no quiero que me pase lo mismo, gracias

@rominaprograma Год назад

"Como todo, podés ir a la facu y te toca un mal profe también, acá por lo menos te podés cambiar" está de más esa comparación de una facultad con un cursito que te enseña a copiar y pegar

@Colrex341 11 месяцев назад

gracias como siempreeeeeeeeeeeeeeeee

@nicolasmoreno9304 11 месяцев назад

una vez que cierro vs code que tengo que hacer para volver a activar el localhost?

@deivchoi 11 месяцев назад

Abrir la terminal y tirar el comando npm run dev

@tipsevolucion Год назад

aun soy nuevo, se puede subir un proyecto de react a Hostinger? o necesito a fuerzas de aws?(es puro front)

@deivchoi Год назад

Se puede subir a netlify ya que es puro front. Si no te deja podes compilarlo con npm run build y lo subis donde sea

@mauroalori4117 10 месяцев назад

crack total

@edwarddk9007 10 месяцев назад

con respecto a mi este video me sirvio para repasar lo que he estado aprendiendo en react, y aunque sean conceptos basicos almenos a mi me tomo 1 mes aprenderlos, entre teoria y practica, pero tengo una duda @davechoi es recomendable todavia aprender componente basados en clase?

@deivchoi 10 месяцев назад

Para mi es una cuestión de preferencia. Creo que la documentación esta migrando hacia componentes funcionales asi que creo que quieren que la gente use esos. Pero por ahora podes usar el que te resulte mas comodo

@ernestoalfarocastratt3881 Год назад

pregunta: 1.Una vez que cierras la ventana de vs code tienes que volver a ingresar codigo en la termina (cada vez)l? y 2 sera que es por eso que no anda el live server osea, carga la pagina pero se ve totalmente en blanco. alguien podria decirme por que pasa eso?

@deivchoi Год назад

1. si. 2. En este video no usamos live server porque tenes que correr el proyecto con el comando en la terminal

@ernestoalfarocastratt3881 Год назад

@@deivchoi Probando una y otra vez pude solucionarlo ya me anda nuevamente continuo con mi proyecto! gran contenido Explicas genial! gracias

@YoshueDEV Год назад

Cuando piensen en porqué está saturado el mercado ya saben que es por esto, cualquiera ve un video de 45 minutos y ya dice que es un developer y empieza a mandar apliaciones a cuanta oferta existe, entonces los reclutadores tienen que hacer filtros cada vez mas difíciles para encontrar a los que en realidad si tienen el conocimiento y la experiencia.

@deivchoi Год назад

No pretendo que aprendan todo en 45 minutos. La idea es dar conceptos básicos. Cada uno es responsable de saber su nivel de conocimiento y en una entrevista técnica se nota rapidísimo quien sabe y quien no.

@adrenalinapower6093 Год назад

Creo que te sirve cuando estás apurado y ya sabés de js y otros lenguajes bien pero en algún lado te piden react y vos sabés otras librerías. Te ves esto de 40 minutos rápido y seguís avanzando por tu cuenta. Distinto es si alguno no sabe nada o sale de un bootcamp sabiendo nada y agarra el video como la posta. Como bien decís el mercado está saturado de gente que hace mal las cosas pero no te tiene que preocupar si las sabés usar y aprovechar.

@TheSpoksonat Год назад

No es que está saturado el mercado de programadores, está saturado de "trainee" por esto que dices, por eso es normal que suban el filtro (como en cualquier trabajo, ya que la gente aplica por aplicar) la ventaja de programación es que tu experiencia es demostrable, ya sea con una entrevista técnica, o tu portfolio

@rominaprograma Год назад

Mas allá de que es clickbait para que entres, tenés razón. Coderhouse, DigitalHouse, Henry y más son culpables de esto. Se aprovechan de la desesperación de la gente y endiosan a mediocres que piensan que haciendo tres cursos ya son programadores. Normal que nadie los va a contratar. Pero sí, se llenaron de guita con eso y ahora lo hacen "profesores" de youtube también

@diegosayago8130 Год назад

Una consulta, cuando llegue a la parte de props vscode me mostro este error "title' is missing in props validation eslint react/prop-types" , al final lo solucione gracias a chatgpt 😅, la cosa es saber porque a mi me salio ese error pero en el video no le sale el error a pesar de no escribir las validaciones PropTypes?

@deivchoi Год назад

EsLint es un linter que chequea que sigas buenas practicas de codigo. Tal vez lo tenes instalado como extensión en tu vscode, o en alguna etapa de instalacion del proyecto se te instaló

@diegosayago8130 Год назад

@@deivchoi ah, gracias por responder

@diegosayago8130 Год назад

@@deivchoi sos un groso, no es complicado, ademas la manera de explicar es excelente, no es dificil realmente, solo es un poco un poco abrumador la cantidad de archivos que hay que manejar, pero lo cuesta vale 😎

@TheSpoksonat Год назад

Por qué mis atajos son diferentes? Tengo Ctrl ñ en vez de Ctrl ´ para abrir Terminal

@deivchoi Год назад

Kien sabe 🧐

@xxsaimonxx401 Год назад

Bro desde que país trabajas es una duda ya que quiero ser programador

@deivchoi Год назад

Yo desde Argentina!

@52marvinlopez35 Год назад

Como hace para correr el archivo en la web ?

@Laviesurladentelle 11 месяцев назад

con el localhost

@thiagourbizu1848 Год назад

sos crack

@Emiliog23 Год назад

Me interesa, acercamiento…

@salinasariell Год назад

justo estoy dando react en la facu, joya me cayo el video

@punk9082 3 месяца назад

pague una diplomatura de la utn y va a las chapas el profesor no entiendo una goma lpm

@danielmondragon2476 Год назад

Últimamente, hay mucho contenido de "aprende esto en 1 hora", no es posible aprender en una hora, ni en un día ni en una semana, y más allá del clickbait el problema es que se crea esperanza en las personas y después se frustran cuando se dan cuenta de que lo que saben no es suficiente, nosotros estamos aquí dando vistas y los únicos que se benefician de esto son los creadores de este contenido que perfectamente saben que la gente está desesperada por conseguir lo que quieren en el menor tiempo posible.

@luismanuelruizogando1295 Год назад

Bro solo son cosas básicas y en verdad te entiendo

@relyk8120 Год назад

Como se nota que solo viste 10 segundos de video ajajaj va seguro solo el titulo, en el mismo aclara que solo da las basicas de react y luego agrega que para perfeccionarse mas en esta libreria te recomienda iniciar el curso en coderhouse.