CURSO REACT 2024 - Aprende desde cero

Рет қаралды 683,535

Күн бұрын

Curso de React desde cero. ¿Qué es? ¿Por qué deberías aprenderlo? ¿Cómo crear tu primera aplicación? Todo lo que necesitas saber para empezar lo tienes en este vídeo.
👨‍💻 Repositorio de código: github.com/midudev/aprendiend...
💬 ¿Dudas de React? Pregunta aquí: / discord
🔴 No te pierdas más directos en: / midudev
SEGMENTOS
00:00 - Introducción
01:30 - ¿Qué es React?
04:23 - Aviso sobre la documentación
07:10 - ¿De dónde sale React?
09:39 - 7 razones para aprender React
18:50 - ¿Por qué React? Creando un botón sin React
26:38 - Cómo usar React sin dependencias
30:00 - Crea tu primer elemento
31:45 - Elemento con atributos
34:30 - Fragment
36:00 - JSX desde cero
44:00 - Crea tu primera aplicación con React
54:00 - Crear componentes en React
58:20 - Tu primer proyecto práctico con React
01:02:50 - Estilos en React
01:09:29 - Reutilización de componentes: Props
01:14:15 - Estila contenedor para separaciones y no componentes
01:15:50 - Pasando booleanos como props
01:18:30 - Pasando funciones como props
01:21:20 - Elementos como props
01:23:10 - Diferencia entre elemento y componente
01:24:50 - Las props son inmutables
01:26:50 - La prop especial children
01:34:00 - Pasar objeto como props
01:36:27 - State en React

Пікірлер: 457

@alejandroch1202 Жыл бұрын

La diferencia con Midu es que realmente sabe como funcionan las cosas por dentro. No explica las cosas así "nomás" sino que realmente sabe como funcionan. Excelente tu contenido.

@yosypandriyash1111 Жыл бұрын

¡Gracias tío! Este curso de react es una auténtica joya, y que lo publiques gratis es muy de agradecer

@midulive Жыл бұрын

Wow! Muchísimas gracias por ese Super Thanks!!! Por más gente como tú!

@OtakuPentecostal Жыл бұрын

me encanta tu portfolio xD, es super intuitivo!

@user-dq6vx1nq3d 3 ай бұрын

@@midulive cuando salga de esta incertidumbre también daré mi granito de arena

@luiseduardofrias4044 Ай бұрын

@@miduliveTube dolor de cabeza con el tema de 'preservar y reiniciar el estado'; aún tengo sientas complicaciones, es lo que pasa en lo que estas explicando en la hora 2 con 5 minutos, ya que el componente hijo perserva el estado, al cambiar la 'prop' del padre no hace efecto al inicial el estado del hijo, ahora si reinicia el estado del componente hijo, cada vez que se actualizar el estado del padre entonces si aria efecto, sería usar un "key" en el componente hijo con un valor unico. Me encantaría que explicaras sobre eso. Preservar y reiniciar el estado. es.react.dev/learn/preserving-and-resetting-state

@martinmanzilla Жыл бұрын

¡Gracias! ¡Buen trabajo!. El verdadero contenido de valor que necesitamos en KZfaq.

@verdeman01 10 ай бұрын

@@CarlosRodriguez-qc5vj por lo menos aporta tu solo criticas??vas a donar mas ?

@altotato 6 ай бұрын

@@CarlosRodriguez-qc5vj que le pasa al peruano este ? jajaja por lo menos aporta algo para que sigan subiendo este tipo de contenido, de lo contrario tendrías que venir a estudiar GRATIS a Argentina para llegar a ser algo, desagradecido.... (me quedo esperando tu mensaje fijado con los 10 EUR que vas a donar, o no tenes ?)

@joakuvideo 8 ай бұрын

Muchas gracias por todo el contenido!! Es demasiado agradable la forma que enseñas y como te preocupas de enseñar desde la base, con las formas correctas y mostrando también las formas incorrectas. Gracias midu!!!

@2005bgva Жыл бұрын

Hola Midudev, que excelente que retomes el curso de REACT DESDE CERO actualizado, TE FELICITO, Y pese a q he visto el curso de hace x años este también me ha encantado y pienso ver toda la serie. ERES LO MÁXIMO. super profe.

@valeriajimenezbedoya2586 Жыл бұрын

Cada video tuyo es una JOYA . Increíble como en cada vez se aprende algo contigo. Más allá del código, entender conceptos básicos que son esenciales a la hora de trabajar en esta tecnología. Vi tu curso anterior, ahora este y siempre dejas en mí conceptos más claros e incluso nuevos. Para mí has sido un inspirador en este campo en el cual apenas estoy dando mis primeros pasos. Tu forma de enseñar no solo deja conocimientos sino que a la vez ganas para seguir aprendiendo. Siguiendo lo que tú dices y haciéndote caso: "Nunca dejes de darle al Frontend", no he parado. Gracias, Midu. ¡Eres el mejor!

@cubabyte7698 Жыл бұрын

He visto varios cursos de react y ninguno empieza tan a fondo como este,, hasta ahora unos de los mejores gracias midu

@pablohperez Жыл бұрын

LLevo programando React desde hace meses ya, pero siempre que veo videos tuyos aunque sean de nivel inicial.... siempre siempre se aprende algo mas! gracias Midu!

@coffee-syrup 3 ай бұрын

Muchas gracias, me habían recomendado hace meses un curso de udemy que lo he visto incluso recomendado por otros youtubers anglosajones, pero no pude pasar de la primera unidad sin sentirme estupidamente aburrida y sin entender que era todo lo que la persona estaba haciendo. Al estudiar ingenieria en computacion que está muy enfocada en los fundamentos y no el mercado laboral, lo más moderno que he tocado es html con bootstrap para darle un poco de color a las aplicaciones de mediano porte que hacemos en java y eso. Entonces todo lo que veia de react era alienigena para mí, porque no entendía que carajos era eso, los tutoriales no explicaban nada, solo te dicen que sigas los pasos y yo no aprendo si no me explican por qué funcionan las cosas de la forma que funcionan. Sos un genio, no esperaba esto del video, muy satisfecha y voy a verme tus otros tutoriales. Me siento por fin avanzando un poco.

@julioemc2 25 күн бұрын

asi es, son muy pocos los que hay asi como Midu que te explican estas cosas.

@TheLordMati 18 күн бұрын

Jamás me sentí tan identificado con un comentario de KZfaq, Que lindo ver más humanos como yo jajaja

@marianojimenez990 8 ай бұрын

Estoy hace unos meses aprendiendo React, pero decidí ver tu curso para conocer la libreria desde otro enfoque o perspectiva, muy bueno!. Muchas gracias Midu.

@user-ku6zw5ve8y Жыл бұрын

Agradecido!!! El video esta super, entiendo la transición desde vanilla hacia react gracias a ti!!!

@d-landjs Жыл бұрын

Excelente introducción Midu!! Si que he vuelto a recordar viejos conceptos, andaba full Vue 3, pero ahora quiero enfocarme en React :D

@erickruben5536 6 ай бұрын

Ya tenia un tiempo en react, pero comenzar otra vez desde cero y sobre todo desde la perspectiva de Midu que te explica bastante bien y a detalle, ufff que mas podria pedir.

@Svidur Жыл бұрын

Haz otro curso con técnicas mas avanzadas de solidjs please jeje! Llevo 2 años con react y hace un mes que cambie y aunque al principio había cosas que se me hacían raras estoy mucho mas contento que con react. La reactividad es mucho mas granular y predecible y la api me gusta mas en general. La transición desde react a solidjs es bastante menos pesada que a otros ya que aunque internamente cambia bastante, la sintaxis si que se parece y los conceptos son muy parecidos. Un saludo midu! Muy buen trabajo como siempre :D

@WeebPotos Ай бұрын

¡DIOS MÍO!! ¡Eres mejor que todos mis catedráticos juntos explicando! No entendía en profundidad muchas cosas de React hasta que vi este video. Y aparte, hay otros videos de programación que me abruman, pero este en particular, disfrute las dos horas que dura; y estoy ansioso por ver los otros videos. Es que no tengo palabras para describir como has sido de ayuda. Muchas gracias.

@nestor-162 Жыл бұрын

Perfecto! Justo estoy aprendiendo React. Gracias por compartir este contenido de calidad!

@jossjic2478 7 ай бұрын

Muy buen video, perdí una oportunidad de aprendizaje en Oracle y me sentía frustrado, pero tu me has vuelto a abrir la puerta, muchas gracias, sigue así!

@inaveilhan 8 ай бұрын

Tu forma de explicar es maravillosa. Clara, concisa, directa y divertida. Me hiciste hasta darme de alta en twitch. Muchas gracias por este curso y por todos tus contenidos!

@LocalGhost_8080 10 ай бұрын

16:16 es cierto que React es muuuy estable.. pero donde sí debemos tener cuidado en cómo usamos otras dependencias que nos ayudan en un inicio como las libraries de UI y otras utilerías. Me ha tocado actualizar apps viejas porque Vercel les deja de dar soporte a versiones de Node antiguas y el pain viene de libraries con breaking changes que se han ido quedando en partes cruciales de las apps

@estebaneugeniopatinoagudel3650 Жыл бұрын

Miguel, muchas gracias por este tutorial, excelente metodología, muy claro y fácil de seguir. Permite aprender o aclarar dudas conceptuales que muchas veces se aprenden de forma empírica o simplemente asumimos que se hacen de forma mecánica. Y lo mejor de todo es que al replicar el ejercicio es funcional, cosa que muchas veces no ocurre en este tipo de tutoriales. Gratitud!!!

@oscarpina9753 5 ай бұрын

Compre un curso de React para aprender con varios proyectos, pero realmente solo copiaba y no entendía muy bien como se manejaba todo, pero este curso me aclaro todas las dudas que tenia. Muchas gracias Midu!

@midulive 5 ай бұрын

Y gratis encima 🥹

@julioemc2 25 күн бұрын

@@midulive gratis no, te ha costado tiempo y dedicacion a ti y eso cuenta

@BranLeeDev 8 ай бұрын

Waooo! Este curso es maravilloso desde el principio hasta el final, he aprendido tantas cosas que desconocia. Y gracias por traer este curso de manera gratuita. Muchas gracias, saludos

@alexromero6947 4 ай бұрын

llevo 1 y media hora de video y ya he aprendido bastante, de entrada las bases muy claras y progresivas.

@miguelangelriosmartinez1822 18 күн бұрын

que joya, explicas muy bien lo que es el estado, y otros temas que habia estudiado no me habian quedado claros , gracias crack

@orl123124 Ай бұрын

Gracias Midu por los videos gratis que nos ayudan demasiado mejor calidad que plazi y demás aplicaciones de pago, tu forma de enseñar es genial 👍

@mikefdez93 6 күн бұрын

Creo que es el primer comentario que pongo en KZfaq. Midu, de verdad, eres increíble como creador de contenido y como profesor (como persona no te conozco pero me aventuraría a decir que también). Muchísimas gracias por estos cursos que creas y por todo el contenido que generas para la comunidad, ya que creo que con tu trabajo motivas a la gente para que se meta en el maravilloso mundo de la programación. Me encanta como no vas a explicar las cosas y listo, sino que te tomas un tiempo para sentar las bases y que la gente sepa de donde viene la "magia" como dices tú. De nuevo, mil gracias por todo. 💙

@danielrubiano2531 Жыл бұрын

Buen curso he visto muchos cursos de como explican react pero nunca desde las bases, muchas gracias por este curso

@albertgutierrez886 Жыл бұрын

Muchas felicidades por el pedazo video. Se nota que dominas porque las explicaciones son para enmarcar👏

@indianalozano3581 Ай бұрын

¡Gracias! Me sirve muchísimo el contenido. Eres muy amable y conciso para explicar.

@Eduardo2011pianista Жыл бұрын

Midu agradezco mucho tu contenido. Es realmente preciso y bien enseñado!

@renzoosoriovaldez3378 Жыл бұрын

Muchas gracias por compartir Midu, ya lo abía visto en el directo, pero siempre es bueno repasar si no te quedo algo claro, una abrazo desde Perú

@evelinalvarado7332 5 ай бұрын

Muchas gracias por aportar tanto! Me gusta ver tu videos para repasar lo que voy aprendiendo...

@ElMenCuler 2 ай бұрын

Che Midu, que locura de curso. Soy un Backend Dev Jr, actualmente estaba desarrollando con Java y SpringBoot, generando mi front desde el mismo Spring con Html Css y Js, gracias a ti estoy migrando mi web a React y trabajando con ambos Spring y React en conjunto, me siento muy contento realmente de poder implementar un nuevo lenguaje

@julioemc2 25 күн бұрын

buenisimo verdad?

@JulioSanchez-kb7oi Ай бұрын

Gracias por este video, Midu! Aprendí mucho gracias a él, seguiré con el curso ^^

@SonGoku-pc7jl Жыл бұрын

un gran repaso de react, lo vi ayer i hoy el siguiente. Genial que los subas pk me descargo los videos de twitch pero alli no te puedo dar las gracias... o sea que... MUCHAS GRACIAS MIDU!!! :) Eres un genio! :D

@thebossorion 6 ай бұрын

Muchas gracias, todo muy bien explicado, he intentado realizar otros cursos de Ract y son tal cual comentas, iban al grando diciendo si haces esto esto y esto creas un componente, pero no explicaban como funcionan ni nada!

@anydev8693 Жыл бұрын

Justo quería recuperar conocimiento de react para actualizar mi sitio con nextjs y sacas este pedazo de curso, un gustaso midu.

@lualfemo Жыл бұрын

Muchas gracias por todo tu empeño, orientas y cambias la vida de miles de personas, Dios te bendiga!

@oswaldoalonzo Жыл бұрын

Ufff... excelente explicación, muchas gracias por el tiempo dedicado para explicar las bases... 👍

@napoleonanaya 7 ай бұрын

Gracias midu, interesante tu forma de explicar un "CRACK". Saludos desde Medellin - Colombia.👋

@pepe7pw177 Жыл бұрын

Woooow!!!, qué manera de explicar. Tienes mucho conocimiento. Un gran video. Sigue así. Saludos y dejo mi like.

@jhoancampo758 Жыл бұрын

Excelente clase Midu, esperando ansiosamente la segunda !

@armandoherrera1717 Жыл бұрын

Dios mío que curcazo! Me encantó. Saludos desde Colombia. Dios te bendiga por lo que haces. Lo recomendaré a todo el mundo. Sigue así. Me encantan tus vídeos. Gracias por ayudarnos a los que queremos aprender 🥺🥺

@raulparra4678 Жыл бұрын

Siempre tienes contenido con muy buena calidad educativa. Muchas gracias por compartir, Midu.

@spiderdev5166 Жыл бұрын

Midu, estaría bueno que hables sobre componentes de react recursivos, saludos desde Argenzuela

@Fedoteh1991 Жыл бұрын

Me viene justo! Gracias genio!!

@mandresblac Жыл бұрын

Gracias Midu por compartir tanto conocimiento y gratis...eres un PRO...👍👍👍

@Danived Жыл бұрын

La teoria, de este video me ha ayudado, muchisimo. Y solo me hace feliz saber que elegi bien seguir con react desde tu primer curso del mismo. Gracias Midu

@jeffersonernestoposadaacun6717 8 ай бұрын

Me encanta su forma de explicar aplicando el mismo proceso, dos preguntas para tener el entorno de desarrollo que plugings recomienda instalar en el editor y es posible usar bootraps o es recomendable usar css puro, gracias por este contenido gratuito

@sol____-_- 2 күн бұрын

Espectacular toda la explicación, ojalá en la U hubiesen profesores como tú. Muchas gracias.

@megustaelpolen Жыл бұрын

Hola Midu! Juro que esta mañana me levanté dispuesto a aprender React y cuando empecé a leer la documentación dije "Joder, que pereza", así que lo dejé. Ahora voy a ver tu video, muchas gracias por el aporte!! Saludos desde Argentina

@spiderdev5166 Жыл бұрын

"Joder, que pereza" , "Saludos desde Argentina".

@JuanGomez-oe1rx Жыл бұрын

Con esa pereza es mejor no entra a aprender react🤣🤣🤣

@Guillermo_Massa 2 ай бұрын

Muchisimas gracias Midu! Empiezo mi primer trabajo como Full Stack con React en una semana y esto viene increíble para refrescar conocimientos. Profe 10/10

@DavidZTXTSpake 4 ай бұрын

Que bien explicado todo. Enhorabuena :)

@eduardohernandezanzardo1378 4 ай бұрын

Super este curso Midu, vengo de angular y se me hace más facil entender como funciona, muchas gracias crack, 👍

@elingan Жыл бұрын

gracias Midu!, pensé que ya tenía suficiente con vue y angularjs pero me convenciste para empezar con React, ahora si, a darle cariño ;)

@sek84kes 2 ай бұрын

Muchas gracias, acabas de mandar al paro a todos mis profesores del FP Superior, eres un crack! No te imaginas el valor que tiene tu contenido, lastima no haberte conocido antes, sigue así.

@nunhes 3 күн бұрын

xenial! grazas polas extraordinarias clases que non brindas!

@michelvazquezgarcia4371 Жыл бұрын

Tremendo esto, he intentado ver varios cursos, y termino aburrido, pero que dinamico e instructivo este, un crack!

@eduardev Жыл бұрын

Muchisimas gracias bro, estaba esperando algo como esto y me ha caido del cielo, se que hay muchas opciones pero tu manera de explicar me gusta. Saludos y exitos amigo!

@xavigb5991 Жыл бұрын

Hola @midulive. ¿"winner" no sería un estado derivado de board? ¿Por qué prefieres usar useState para winner? ¡Saludos!

@matiasadrian4 27 күн бұрын

Muchas gracias Midu! Tu contenido es excelente 😃

@SAN-mi8tv 3 ай бұрын

2:08:43, en realidad, no debería iniciarse mas de una vez, es algo que se llama cuando se crea el componente, no cuando se refresca, por eso es initial

@NeoAres1 8 ай бұрын

Vengo de Vanilla js y se me hacía cuesta arriba aprender Angular o React, al final he decidido React. La explicación es sencillamente expectacular, lo que veía como una pared inescalable ahora es una rampa ¡Bravo! 😍

@wwss78 3 ай бұрын

Estoy empezando igual, vengo de vanilla js

@NeoAres1 3 ай бұрын

@@wwss78 pues adelante compañero, con explicaciones de midu, y con alguna más y práctica, no lo llevo mal

@pierochapeyquen Жыл бұрын

Hola midulive, excelente contenido, una consulta se lo basico de React, y quiero hacer un sistema web para un proceso interno de una empresa (que tendria proyeccion a seguir creciendo en el tiempo, es decir agregarles mas procesos) mi duda es si me convendria hacerlo con React o ya con el framework NextJs 13 ? de antemano gracias por la sugerencia

@jonathanbernal6980 2 ай бұрын

Me encanto la manera como explicas las cosas de las pocas personas que me enganchan al explicar, por fa para la próxima si es posible ponle un poco mas de zoom al code no alcanzo a ver bien ya que tengo pantalla dividida mientras veo y escribo code Gracias saludos!

@gerardovanced3983 Жыл бұрын

justo estaba empezando el curso que ya tenias, iba en el capitulo 3 xD igual me vere esto, a ver si puedo aprender algo que no hayas dicho ya en el anterior

@Sky-sd6kc Жыл бұрын

Justo lo que necesito en este momento!!! Te quiero Midu💟

@juancmuyou 4 ай бұрын

Seria genial un crud con db , para ver como se mandan e resultado de la consulta para ser enviado a los componentes y desde un formulario enviar variables para consulta en el CRUD.

@mariagriseldasanchez8564 12 күн бұрын

Increible como en muchos cursos la complican tanto,ahora por fin entiendo React ❤

@jjortiz_ 7 ай бұрын

Saludos desde Arizona! Recién me he topado con tu contenido y mire el video de la prueba técnica y he quedado impresionado. Ya di mi sub y me voy a comenzar este curso! Mil gracias!

@midulive 7 ай бұрын

Muchas gracias y que lo disfrutes!!!

@corazonlunatic0 9 ай бұрын

hola! consulta, que extensión usas en el vs? para que te muestre sugerencias / autocomplete el codigo? gracias! saludos y muy buen material!

@ignaciovelazquez3684 Жыл бұрын

Grande midu , yo lo venia siguiendo en twich y me alarme cuando desaparecieron los videos, gracias x tanto 😅😅

@lumunoz01 2 ай бұрын

Excelente video! Lo estoy viendo y estoy maravillado con el "entender" que hay detras de las cosas... Genial1 Puedo preguntar que extensión usas para "predecir" o "autocompletar" mientras escribes? Saludos desde chile. gracias!

@sebastianvh7441 Жыл бұрын

meses y semanas buscando quien me haga entender react, y este tipo en solo 2 horas me explico todo lo que necesito saber, gracias midu sos un CRACK!!! saludos desde uruguay! (espero no tener que esperar mucho al siguiente video :'V)

@miriamjimenez1264 Жыл бұрын

Mejor imposible. Un millón de gracias!!

@silviojuarez4611 9 ай бұрын

🤯 brutal midu, excelente curso y muchísimas grecias por ofrecerlo gratis ❤

@danielmendoza6147 9 ай бұрын

Ojala pudiera darle más de un me gusta a este video, gracias por explicar tan bien las cosas!!

@admicail 3 ай бұрын

Te conocía solo por repost de linkedin y de fb, pero vi este curso tuyo y me encanto, gracias.

@midulive 3 ай бұрын

Gracias m! 😊

@leonardomoreno361 Күн бұрын

const heroName = "midu" como dijo Thanos : `Tienes mi respeto {heroName}` Llevo años con vanilla siempre haciendo todo a mano por q soy terco y me gustan los retos , ademas cada que encontraba un curso (platzi) los profes no saben explicar y en este curso gratis esta tan facil. lo unico bueno es que con tantos proyectitos con vanilla he visto varios problemas que react me cae como anillo al dedo pero hacia falta un profe que explique bien , gracias tio.

@gabrielaacosta7393 Жыл бұрын

Graciasssss Miduuuu

@midulive Жыл бұрын

Gracias, Gabriela!

@BraisonsCrece 5 ай бұрын

Maravilla de curso, maravilla de profe. Que bien explicado todo! Gracias por compartir Midu 😊 Una pregunta... Que programa o extensión usas para las sugerencias con IA en la terminal? 🤔

@denisvallecillo Жыл бұрын

Excelente MIDU, muy buen contenido, he aprendido mucho. 🥳🥳🥳

@alvaroandresmottalozano7322 4 ай бұрын

Muchas gracias, por tu tiempo y explicaciones.

@dariorobaina3185 2 ай бұрын

Hola midu, gracias por estos videos! Tienes algun video explicando como hacer ese repositorio multipaquetes? y como subir proyectos en el? Gracias!

@rosemberl Жыл бұрын

excelente video, gracias por tu tiempo y por compartir este contenido

@slacex 9 ай бұрын

Muy bueno el video!! Tremendo aporte!!

@itziarzg7524 Жыл бұрын

qué grandeza, siempre aprendiendo con tus videos. gracias

@dagcomunica5921 8 ай бұрын

Muchas gracias por tan magnifico aporte. Buen video

@romero1745 Ай бұрын

Super bien tus explicaciones. Muchas gracias

@Roger-aprende 9 күн бұрын

maravilloso !! mil gracias !!

@user-gi1in7nm5z 7 ай бұрын

muy entretenido tu manera de explicar. gracias!!

@alibrix2547 4 ай бұрын

Hoy 17 de enero de 2024, se acabó el perder tiempo viendo series y jugando juegos en mi tiempo libre, me comprometo a empezar a programar hasta ser una maquina

@gaxrod Жыл бұрын

Que belleza ser contemporáneo de midu. GRACIAS TOTALES

@ersamupro3681 2 ай бұрын

@midulive como abres la ventana para instalar react en el minuto 44:40? si es otro curso de como utilizar este sistema en VS podrias indicarlo? 1 saludo

@marileeh7 23 күн бұрын

Excelente. Tenía in lío tremendo antes de verlo. Gracias ❤

@rogerulaque1114 5 ай бұрын

Wao como es posible que no haya visto este tutorial, muchas gracias

@jorgemora1175 5 күн бұрын

la primera hora vale oro!...no he visto este tipo de introduccion ni en tutoriales pagados (Pluralsight tiene uno paracido). el audio tiene unos glitches, pense qu era mi compu pero no.

@cesaraar Жыл бұрын

Excelente video master, es posible que tengas algun video donde uses la ruta "pages/api/auth/[...nextauth].js" que da next js para hacer login contra una base de datos mysql. gracias por todo