CURSO REACT 2024 - Aprende desde cero
Вставка
- Опубліковано 16 лип 2024
- 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 - Наука та технологія
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.
¡Gracias tío! Este curso de react es una auténtica joya, y que lo publiques gratis es muy de agradecer
Wow! Muchísimas gracias por ese Super Thanks!!! Por más gente como tú!
me encanta tu portfolio xD, es super intuitivo!
@@midulive cuando salga de esta incertidumbre también daré mi granito de arena
@@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
Yo tambien necesito 10 eurillos
¡Gracias! ¡Buen trabajo!.
El verdadero contenido de valor que necesitamos en UA-cam.
@@CarlosRodriguez-qc5vj por lo menos aporta tu solo criticas??vas a donar mas ?
@@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 ?)
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!!!
He visto varios cursos de react y ninguno empieza tan a fondo como este,, hasta ahora unos de los mejores gracias midu
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!
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.
asi es, son muy pocos los que hay asi como Midu que te explican estas cosas.
Jamás me sentí tan identificado con un comentario de UA-cam, Que lindo ver más humanos como yo jajaja
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.
Agradecido!!! El video esta super, entiendo la transición desde vanilla hacia react gracias a ti!!!
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!
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.
Excelente introducción Midu!! Si que he vuelto a recordar viejos conceptos, andaba full Vue 3, pero ahora quiero enfocarme en React :D
Perfecto! Justo estoy aprendiendo React. Gracias por compartir este contenido de calidad!
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!
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.
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!
Y gratis encima 🥹
@@midulive gratis no, te ha costado tiempo y dedicacion a ti y eso cuenta
Excelente clase Midu, esperando ansiosamente la segunda !
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í!
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!!!
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
¡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.
Buen curso he visto muchos cursos de como explican react pero nunca desde las bases, muchas gracias por este curso
Me viene justo! Gracias genio!!
Muchas gracias por aportar tanto! Me gusta ver tu videos para repasar lo que voy aprendiendo...
llevo 1 y media hora de video y ya he aprendido bastante, de entrada las bases muy claras y progresivas.
Muchas felicidades por el pedazo video.
Se nota que dominas porque las explicaciones son para enmarcar👏
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
que joya, explicas muy bien lo que es el estado, y otros temas que habia estudiado no me habian quedado claros , gracias crack
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ú
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
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
Que bien explicado todo. Enhorabuena :)
¡Gracias! Me sirve muchísimo el contenido. Eres muy amable y conciso para explicar.
Justo quería recuperar conocimiento de react para actualizar mi sitio con nextjs y sacas este pedazo de curso, un gustaso midu.
Muchas gracias por todo tu empeño, orientas y cambias la vida de miles de personas, Dios te bendiga!
Midu agradezco mucho tu contenido. Es realmente preciso y bien enseñado!
Gracias midu, interesante tu forma de explicar un "CRACK".
Saludos desde Medellin - Colombia.👋
Tremendo! muchas gracias!
Muy bueno el video!! Tremendo aporte!!
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!
Woooow!!!, qué manera de explicar. Tienes mucho conocimiento. Un gran video. Sigue así. Saludos y dejo mi like.
Justo lo que necesito en este momento!!! Te quiero Midu💟
Mejor imposible. Un millón de gracias!!
Ufff... excelente explicación, muchas gracias por el tiempo dedicado para explicar las bases... 👍
Super este curso Midu, vengo de angular y se me hace más facil entender como funciona, muchas gracias crack, 👍
excelente video, gracias por tu tiempo y por compartir este contenido
Gracias Midu por compartir tanto conocimiento y gratis...eres un PRO...👍👍👍
Siempre tienes contenido con muy buena calidad educativa. Muchas gracias por compartir, Midu.
Midu, estaría bueno que hables sobre componentes de react recursivos, saludos desde Argenzuela
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 🥺🥺
qué grandeza, siempre aprendiendo con tus videos. gracias
Excelente, muchas gracias!
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!
Muchas gracias y que lo disfrutes!!!
El contenido que creas es absolutamente espectacular. Como físico con poca experiencia en este campo, he aprendido muchísimo gracias a ti. He explorado miles de canales, pero ninguno se compara con el tuyo; tu experiencia y conocimiento son asombrosos. Estoy seguro de que te lo han dicho muchas veces, pero tu aporte a la comunidad es invaluable. Muchas gracias.
Gracias por este video, Midu! Aprendí mucho gracias a él, seguiré con el curso ^^
Muchas gracias por tan magnifico aporte. Buen video
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 👍
Excelente , por fin lo subiste ❤
Muchas gracias, por tu tiempo y explicaciones.
muy entretenido tu manera de explicar. gracias!!
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
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! 😍
Estoy empezando igual, vengo de vanilla js
@@wwss78 pues adelante compañero, con explicaciones de midu, y con alguna más y práctica, no lo llevo mal
Super bien tus explicaciones. Muchas gracias
Tremendo esto, he intentado ver varios cursos, y termino aburrido, pero que dinamico e instructivo este, un crack!
Grande midu , yo lo venia siguiendo en twich y me alarme cuando desaparecieron los videos, gracias x tanto 😅😅
Graciasssss Miduuuu
Gracias, Gabriela!
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 ;)
Ojala pudiera darle más de un me gusta a este video, gracias por explicar tan bien las cosas!!
Muchas gracias Midu! Tu contenido es excelente 😃
Wao como es posible que no haya visto este tutorial, muchas gracias
te quiero Miduu, gracias!!
Excelente MIDU, muy buen contenido, he aprendido mucho. 🥳🥳🥳
Este video es oro! Gracias!
xenial! grazas polas extraordinarias clases que non brindas!
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
Muchas gracias 💜
maravilloso !! mil gracias !!
Excelente mini curso. Crack 🔥
Que belleza ser contemporáneo de midu. GRACIAS TOTALES
🤯 brutal midu, excelente curso y muchísimas grecias por ofrecerlo gratis ❤
Muchas gracias, excelente clase !
Midu eres un crack , MUCHÍSIMAS GRACIAS.
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!
Gracias Midu, entendí bastante bien!
Justo estaba viendo tus videos de React de hace 2 años 😅
Excelente curso Midu, super agradecido por todo este material que nos brindas, saludos desde Argentina 🙌
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
"Joder, que pereza" , "Saludos desde Argentina".
Con esa pereza es mejor no entra a aprender react🤣🤣🤣
Grande Midu!!
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í.
Bases, bases, vital !! … Excelente !! Muchas gracias !!
Te conocía solo por repost de linkedin y de fb, pero vi este curso tuyo y me encanto, gracias.
Gracias m! 😊
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!
Excelente contenido, enserio lo aprecio mucho
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
Excelente curso, muchas gracias
Demasiado objetivo y bien explicado, gracias enserio por este contenido crack!!
Gracias a ti, Santiago!!!
Es increible todo lo que sabe este señor, la cantidad de informacion que tiene y como sabe explicarla, es lo mejor que me pude encontrar en la red
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)
Espectacular toda la explicación, ojalá en la U hubiesen profesores como tú. Muchas gracias.
Saludos cordiales desde Managua, Nicaragua!!!