CURSO REACT 2024 - Aprende desde cero

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

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

50% 1

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

Наука

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

5 июн 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@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 RU-vid.

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

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

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

@@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!!!

@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!

@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 Месяц назад

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

@TheLordMati 25 дней назад

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

@cubabyte7698 Год назад

He visto varios cursos de react y ninguno empieza tan a fondo como este,, hasta ahora unos de los mejores 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.

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

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

@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!

@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

@nestor-162 Год назад

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

@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.

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

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!

@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.

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

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

@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

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

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.

@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í!

@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 Месяц назад

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

@danielrubiano2531 Год назад

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

@jhoancampo758 Год назад

Excelente clase Midu, esperando ansiosamente la segunda !

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

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

@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!!!

@miguelangelriosmartinez1822 25 дней назад

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

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

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

@albertgutierrez886 Год назад

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

@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ú

@Fedoteh1991 Год назад

Me viene justo! Gracias genio!!

@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

@Eduardo2011pianista Год назад

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

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

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

@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

@anydev8693 Год назад

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

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

Que bien explicado todo. Enhorabuena :)

@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!

@lualfemo Год назад

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

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

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

@JulioSanchez-kb7oi Месяц назад

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

@oswaldoalonzo Год назад

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

@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 👍

@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

@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!!!

@raphauy Год назад

Tremendo! muchas gracias!

@ignaciovelazquez3684 Год назад

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

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

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!

@Sky-sd6kc Год назад

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

@pepe7pw177 Год назад

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

@miriamjimenez1264 Год назад

Mejor imposible. Un millón de gracias!!

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

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

@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 Месяц назад

buenisimo verdad?

@Roger-aprende 16 дней назад

maravilloso !! mil gracias !!

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

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

@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 🥺🥺

@nunhes 10 дней назад

xenial! grazas polas extraordinarias clases que non brindas!

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

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? 🤔

@Deus-lo-Vuilt Год назад

Excelente , por fin lo subiste ❤

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

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

@rosemberl Год назад

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

@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.

@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í.

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

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

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

Excelente, muchas gracias!

@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 ;)

@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

@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!

@itziarzg7524 Год назад

qué grandeza, siempre aprendiendo con tus videos. gracias

@mandresblac Год назад

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

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

Muchas gracias, por tu tiempo y explicaciones.

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

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

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

Muy bueno el video!! Tremendo aporte!!

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

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

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

Gracias m! 😊

@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

@gabrielaacosta7393 Год назад

Graciasssss Miduuuu

@midulive Год назад

Gracias, Gabriela!

@gaxrod Год назад

Que belleza ser contemporáneo de midu. GRACIAS TOTALES

@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

@alejandroit2974 Год назад

este es el único video de react 2023? saludos midu, tu trababo es impecable 🎉

@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

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

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

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

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

@michelvazquezgarcia4371 Год назад

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

@diegobocha3842 Год назад

te quiero Miduu, gracias!!

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

muy entretenido tu manera de explicar. gracias!!

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

Muchas gracias 💜

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

Muchas gracias por tan magnifico aporte. Buen video

@MateScript Год назад

Justo estaba viendo tus videos de React de hace 2 años 😅

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

Muchas gracias Midu! Tu contenido es excelente 😃

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

Super bien tus explicaciones. Muchas gracias

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

Grande!!🔥🔥🔥 Viendo esta joya el 24 04 2024

@user-qp9uq2le5n 9 месяцев назад

Este video es oro! Gracias!

@MatiasCecciDev Год назад

Grande Midu!!

@pupoxws983 Год назад

UFFF QUE BUEN VIDEO, GRACIAS

@luismonasterios8990 5 дней назад

Una maravilla, entendí todo!

@xavigb5991 Год назад

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

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

Gracias Midu, entendí bastante bien!

@xerot2010 Год назад

Fue este curso me volo la cabeza, explicas cosas de las bases de React que otros cursos ni se molestan!

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

lo viste todo ? lo recomendas para alguien que no sabe nada de react o es mejor algun otro ?

@sol____-_- 9 дней назад

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

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

He empezado desde hace cosa de dos meses y poquito en una empresa como junior que trabaja con React. Mi experiencia laboral hasta ahora era nula y realmente react no lo habia tocado jamas hasta empezar aqui. Me encuentro muy comodo con el stack, es increible cuanto se puede construir y lo flexible que es y hace poco me he dado de frente con tu canal... vaya fuente de informacion mas increible! me encanta la programacion y aprender mas sobre ella pero el hecho de poder hacerlo con un ambiente tan desenfadado y acogedor como el que consigues en tus videos/directos consigue que incluso en mi tiempo libre tenga ganas de verte resolver alguna prueba tecnica o escucharte hablar de las nuevas novedades que se vienen en este mundillo. Te has ganado un suscriptor nuevo del tiron! Voy a verme este tutorial que seguro que mas de una cosa me enseñas... jajaja gracias por el contenido!!