¿Qué es React y por qué domina el desarrollo frontend?

React es la tecnología frontend más utilizada en el mundo y está presente en reconocidas empresas como Notion, Uber, Netflix, Tiktok, Facebook, y, por supuesto, EDteam. En este video te enseñaremos, con la calidad que siempre representa a EDteam, cómo funciona React, qué lo diferencia de otras tecnologías y, sobre todo, por qué es el rey del frontend.
Y puedes dominar React en EDteam 👉 ed.team/cursos/react. ¡Corre a verlo!
Te resumimos todo el video en este blog 👉 ed.team/blog/que-es-react-y-p.... Guárdalo 😉
🔥 ¡Muy pronto regresa el EDcamp! Después de más de 2 años podremos vernos en persona, regístrate en 👉 edy.to/bootcamp-yt para no perdértelo.
🎉 ¡CURSOS NUEVOS DE LA SEMANA!
1. Curso: TypeScript desde cero edy.to/typescript-yt
2. Curso: Creación de API REST con Node.js edy.to/apis-nodejs-yt
00:00 - Introducción
02:02 - ¡Pronto regresa el EDcamp!
02:31 - ¿Qué es React y cómo funciona?
12:46 - Hooks
15:27 - Tu primer proyecto
16:50 - Conclusiones: ¿Por qué React?
EDteam, cursos de tecnología y programación con las mejores explicaciones en español. Comienza a estudiar gratis en 💻 edy.to/yt y descubre porque en español nadie explica mejor que EDteam.
🌎 100% de raza latina | 100% Remotos (6 años)
#NoTeDetengas
- 🧑‍🎓👩‍🎓 ¿Eres estudiante? Postula a las becas de EDteam: edy.to/estudiantes-yt
- 🎁 ¡Accede a 9 cursos GRATIS de tecnología! edy.to/cursos-gratis-yt
- 🧑‍🏫 Dicta un curso en EDteam: edy.to/profesores-yt
- ⭐ Sube a premium y accede a cientos de cursos: edy.to/premium-yt
- 💻 Mira todos nuestros cursos en: edy.to/cursos-yt
-----
Síguenos en:
🔰 LinkedIn: edy.to/linkedin-yt
🔰 Instagram: edy.to/instagram-yt
🔰 TikTok: edy.to/tiktok-yt

[@EDteam]

*Si eres estudiante de colegio, instituto o universidad tienes una beca del 50% esperándote.* Póstula en edy.to/estudiantes-yt y #NoTeDetengas

[@EDteam]

🔥 ¡Y muy pronto regresa el #EDcamp! Después de más de 2 años podremos vernos en persona, regístrate en 👉 edy.to/bootcamp-yt. Anunciaremos las sorpresas este martes 20 de septiembre.

[@innovaaccescompany9137]

@@EDteam p lo

[@EDteam]

Te resumimos todo el video en este blog 👉 ed.team/blog/que-es-react-y-por-que-domina-el-desarrollo-frontend. Guárdalo 😉

[@joelcampos8004]

Genial Alvaro y a todo el equipo.

[@johnduran1984]

Hola profesor tengo una duda, la palabra STACK OVERFLOW no es más que una ENCUESTA para saber que LENGUAJES DE PROGRAMACIÓN más se USAN ? Gracias 👍

[@hitorikenshin]

Recuerdo que hace 5 años gracias a tus videos pude entender React

[@funkip567]

Me encanta React! Voy a hacer lo posible para entenderlo al 100% y ser un experto con esta librería ✨💎🎉

[@ensarman]

no lo hagas... aprendelo, hasta especializate, pero no esperes eso del 100%, el prefeccionismo es un freno en vez de una ayuda :(

[@MartinBorruel]

mejor haste administrador o contador, programar no da la felicidad

[@funkip567]

@@MartinBorruel hem... pero quien dijo que quiero felicidad? 🤔🤔🤔

[@AnthonyCode]

@@MartinBorruel tengo muchos contactos pateando latas xd

[@MartinBorruel]

@@AnthonyCode que las lleven a vender a las recicladoras, la libertad del vagabundo es la envidia del programador

[@hushsilent4719]

Cuando éste hombre dice que su canal da las mejores explicaciones en español, no está hablando en sentido figurado, tiene una forma muy interesante para hacer verte el panorama general y entender un tema combinando el tecnicismo y el lenguaje cotidiano. ..

[@adrianhernandez-pu1vq]

Hasta hoy, para mí, la mejor explicación de React. Perfectamente explicado

[@Swedpe]

El problema con EDteam es que solo tiene un Alvaro Felipe, he visto de videos de otros profesores y no se les nota un dominio del tema como Alvaro y eso hace que busquemos otras opciones.

[@MartinBorruel]

en que cueva vives??? El DOM virtual no es exactamente lo que el describio...

[@MiguelAngelBenitezYanez]

Mi primer lenguaje fue DBASE III PLUS en 1.994. Desde ese momento, he aprendido varios lenguajes desde Visucal Basic 6.0, pasando por C#, luego PHP y Javascript. En verdad, no he visto aun el video y no he encontrado una explicación en la cual me demuestren con hechos, cual es la ventaja de aprender REACT hoy en día. No deseo crear una polemica innecesaria. Realmente mi deseo es saber que elegir y cual ruta tomar en esta gran carrera que es la programación. Gracias por leerme.

[@Holasoygerman69v2]

La verdad si tienes curiosidad sobre React, puedes probar un tutorial de KZbin y ves si te gusta y se adapta a tus necesidades pues puedes profundizar un poco más, y si no te gusta, puedes sacar tus propios criterios si es necesario seguir aprendiendo. 😊

[@erickescalante8989]

Chevere,,,me habia olvidado de Ed team...Ya voy por el curso...Saludos

[@jalejan77]

Muchas gracias por tan excelente video, una explicación muy clara y una descripción muy completa de qué es React, tantas dudas que tenía y que ahora quedan despejadas. Sigan adelante con sus proyectos, son excelentes.

[@leonisocamponieves8941]

Muy buen video. ¡Muchas gracias!

[@Dani-ui3ni]

Gracias por tus aportes!

[@josefideldiazdelpino7470]

gracias por tus aportes alvaro, me gustaria que hicieras un video de vue y svelte que tambien son tecnologias super interesantes

[@jonathancastro4997]

Excelente video, se explica de forma bastante clara...

[@superJerrySong]

excelente video, me encanta React!!! por favor hagan un video sobre ¿Que es Vue y porque es tan popular?

[@juansebastianramos3356]

gracias por la explicacion xd si me hacia falta , sigue subiendo videos plis

[@yeseniaurriola4141]

Maravillosa información, me encanta 😍✌️💪

[@rolyestrella8378]

0:44 “el frontend es simplemente decorativo y estético”, yo creo que el frontend es una parte fundamental para que un producto se venda ya que sin el muchos productos quedarían poco atractivos para los usuarios finales.

[@MartinBorruel]

vaya alguien que entiende que si el usuario no sabe donde picarle, de nada sirve tener las formulas en su lugar...

[@sentinel4858]

Clase Magistral 👍👍

[@vwillians]

Bien explicado 👏

[@JhoanSalgado]

Estaba esperando este video 🦾😂

[@rodrigofernandez3627]

Gracias por la explicación

[@manuellemus8529]

no sé, últimamente he tenido ese dilema... por que debo aprender programación funcional para el front-end?, si en el back-end la mayoría es OOP..., yo vengo de bases de OOP y me ha sido supremamente incomodo adaptarme a programación funcional, cada vez la veo como un desorden "desparramada" por todos lados.

Me gustó agarrando los componentes

[@Morlucho]

que bien explicado

[@alexandersobreperatoledo230]

Excelente!!!

[@JuanCHB_88]

8:55 estupendoooo

[@Jmontero1804]

Gracias por la información Alvaro excelsa como siempre, una pregunta, existe algun curso de VueJs + Vite + Pinia? Gracias.

[@ErickJClavelB]

Excelente 👌

[@leoreichert546]

me entusiasma mucho, espero ponerme las pilas porque quiero saber bien como crear todo un servicio

[@Xpronoob]

Tema que tocas, tema que destrosas, gracias por toda la información ♥

[@SakuRaku_]

A que te refueres con lo que dices, no entendi :(

[@AREG1971]

@@SakuRaku_ "destrozar" en ese contexto lo usamos en Perú a modo de jerga para referirnos a que una persona tiene un nivel elevado de conocimientos sobre un tema.

[@Luis-xw6ye]

Soy egresado de la uni en la carrera de ing en sistemas, sin embargo siento que me falta mucho aún, me sería muy útil encontrar un curso completo de programación web, que es donde más quiero enfocarme por ahora ... Existe un curso en EDTeam ? Pero que de verdad enseñen de manera profunda ... SALUDOS

[@jonathanbatres8773]

Actualmente solo he trabajado con Angular pero me gustaría programar en React. Excelente vídeo, muy bien explicado 👍

[@MsSoldadoRaso]

yo trabajaba en Angular y me cambie a react, y literal React es muchisimo mas simplificado y mucho mas rápido que angular.

[@jonathanbatres8773]

@@MsSoldadoRaso Gracias por tu respuesta. Espero poder probar React pronto!

[@marcoscheca2102]

@@MsSoldadoRaso Qué opinas sobre dominar las dos tecnologías? O conviene más dominar React sola? Estoy por aprender Angular, pero escucho que la tendencia sobre React es mucha, tal vez solo deba estudiar React no lo sé

[@MsSoldadoRaso]

@@marcoscheca2102 Si te alcanza el tiempo para dominar las 2 hazlo men.

[@yeyo0012000]

Angular o react, creo conocer ambas es buena idea, aparte busca lo nuevo que viene HTMX

[@cdvillarreal]

Excelente explicación, nunca mejor dicho que son los mejores explicando en español.

[@MartinBorruel]

eso es publiidad sin fundamentos

[@alvarohrv]

Tuve un dejavu XD siempre lo explicado muy bien

[@johnduran1984]

Hola profesor tengo una duda, la palabra STACK OVERFLOW no es más que una ENCUESTA para saber que LENGUAJES DE PROGRAMACIÓN más se USAN ? Gracias 👍

[@monsterkilstk7257]

Early on, You ntion a tutorial You've made, concerning the content setup. I can't seem to see it in Your description though?

[@JB-no4rf]

puedes hacer un video hablando de django

[@fn1lzero]

Yo estoy por arrancar a estudiar Desarrollo Frontend React, y tengo una duda. El desarrollador de donde saca los elementos visuales para crear las partes interactivas de una web? Se las brinda alguien más? Es decir, trabaja si o si en conjunto con un desarrollador de medios visuales? Gracias, y disculpen si es una pregunta tonta.

[@el.bromas]

library != librería AND framework == marco de trabajo

[@ensarman]

Pero react es complicado y jsx es muy desordenado, estoy jugando con svelte y es una maravilla

[@joelventura76]

Svelte ❤️ es el futuro

[@MiguelAngelBenitezYanez]

Gracias. Cuentanos mas. Me cuesta entender React

[@zNareak]

Pero si jsx es html plano jaja. React solo es un enfoque para componentes con lógica que al final se transformó en una librería.

[@ensarman]

@@zNareak no, jsx es html + javascript y en el mismo componente se puede colocar el css cosa que se desordena aun mas

[@nachorodber]

Jsx es todo lo desordenado que quieras, si quieres hacerlo ordenado puedes hacerlo fácilmente.

[@AlexAstudillo1]

Cuando Flutter Web 3.3 vs React?

[@antony3226]

La explicación esta super clara, excelente!

[@MartinBorruel]

para quien o que?, no digas m Mary Jane

[@leroycarrasquero9065]

5:35 yo viendo que el código abre en un y cierra en un :v

[@blackstrato2216]

JAJAJAJA!!! es verdad!!! Volví solo para comprobarlo... alegraste mi tarde! Gracias!

[@gunsandrock]

Un video acerca de Algoritmos porfa!!!!

[@juanfranciscoguzman8428]

Por qué usaría uno react con Javascript en vez de typescript

[@mariorangelvz]

Según entiendo con React se puede hacer lo mismo con PHP, es decir, puedo poner y al hacer el cambio en footer, cambie en todo el sitio web o me equivoco?

[@MesacMovies]

Si pero en php tendrías que recargar toda la pagina para que se viera el cambio, en react solo ejecutas el cambio y sin recargar nada cambia

[@mariorangelvz]

@@MesacMovies ok gracias entonces hay que tomar el curso de React

[@keylogger1080]

yo uso vivaldi

[@Highwind_]

9:48 ¿es por eso que Chrome y otros navegadores consumen tantos recursos?

[@elcrackent13]

Aguante Vue jajajjaja

[@FelixApazaArroyo]

Como que ? :V

[@altondev]

Creo q el backend es el sistema de transmisión y el fronend todo lo demS

[@efrael_jr]

Debería ser del 70% para estudiantes, muchos trabajamos y estudiamos en pocas palabras somos independientes pero no creo que mi comentario sea visto 😢 tómenlo en cuenta si es así hay muchos que lo van a adquirir 🎉

[@koala_dev]

xdd

[@Joel-hy1cd]

Te aseguro q si le escribes ya sea al LinkedIn o donde sea , te hará ese dscto. Busca como sea comunicarte,nada más.

[@krizalfaro]

Vue me parece más fácil de empezar, para cuando un curso de vue 3?

[@EDteam]

Por supuesto que tenemos curso de vue 3 😀 lo puedes ver en edy.to/vue-yt

[@adminjr.4019]

una pregunta si se harto de javascript pero poco de css¿, ya puedo ver react?, ¿Cuales son los temas fundamentales de saber de css y js para recien hay ver react?

[@charizardjunior792]

x2

[@charizardjunior792]

yo tambien tengo la misma pregunta

[@EDteam]

no necesitas css para empezar con react

[@dikson7951]

es un poco complicado, jaja. Osea no es algo indispensable saber css para aprender React, saber js y html te puede servir, ya que React se enfoca en eso, usas funciones que retornan HTML, pero te tocará entender la sintaxis JSX de React. Ahora, para darle estilos a tus componentes, lo puedes hacer con css puro, CSS Modules o styled-components,.Este último es mucho mas usado con React,ya que serian como componentes y lo puedes usar como tal.

[@adminjr.4019]

@@dikson7951 gracias por la aclaracion

[@danieluxury]

6:00 tanto como que se lee mucho más fácilmente a uno que esta acostumbrado a la programación old school de sólo C no me parece.

[@dplopezSioux]

Yo siempre recomiendo Edteam, les digo que Álvaro defiendo windows y duerme con Mac debajo de la almohada 😂, saludos y paz ✌️ 🍏

[@waltervargas4846]

Cómo así que js no es orientado a objetos ???

[@EDteam]

No lo es. Por eso se crea typescript. Se puede hacer una imitación de POO con javascript pero no es la tradicional

[@MartinBorruel]

tu explicacion en el minuti 9:25 tiene buenas intenciones pero es inexacta, el virtual DOM consumira igual memoria y hara que nuestro amado Chrome haga lo que mejor sabe hacer, pero, la vedadera diferencia es que no se re-escribe el documeto, es decir, que el archivo sigue intacto y todo se maneja en memoria, gracias por la explicacion

[@Malvinas_siempre_argentinas]

Como estan..soy de Salta la linda norte argentino y ..quiero aprender mas de desarrollo web.solo q mi lapto no me permite realizar combios de estilos con css .aun usando link de enlace..ya no se que mas realizar..sera?que es el antivirus de chrome me bloquea esa funcion...

[@andmao83]

Instala linux a ver si te funciona

[@Malvinas_siempre_argentinas]

@@andmao83 ok lo intentare..gracias

[@sergioacuna1772]

un motor no pasa a segundo plano en ningún caso.

[@skaterplus24]

Estoy esperando el vídeo de Figma 😔

[@joelventura76]

Nadie le gana a svelte ❤️🙌😅

[@alejandrorios6999]

Los cursos de EDteam generan certificado al finalizarlos?

[@sebastianchinga7189]

Den o no den, las empresas hoy en día ven tu portafolio o algunos proyectos que has hecho. Bueno a mí ya me ha tocado veces en donde los certificados de cursos te lo ignoran en tu cara y piden ver proyectos que has realizado. Así que no te enfoques en obtener el certificado, enfocate en completar y entender el curso, luego haces un pequeño proyecto aplicando lo que viste en el curso y colocarlo en tu portafolio. Éxitos.

[@alejandrorios6999]

@@sebastianchinga7189 listo bro. Lo tendré en cuenta

[@sebastianchinga7189]

@@alejandrorios6999 muchos exitos, aprender en plataformas externas no es malo, lo malo es cuando te llenas de certificaciones sin saber nada

[@alvarofelipechavez]

Si damos certificados pero ni nosotros creemos en ellos (los damos porque muchos estudiantes los pedían pero siempre especificamos que son motivadores y no indicadores reales de conocimiento).

[@alejandrorios6999]

@@alvarofelipechavez excelente gracias Álvaro

[@sebas123654]

Por que no angular?

[@ensarman]

Porque esta en decadencia cada vez menos desarrolladores prefieren usar angular

[@ensarman]

Porque esta en decadencia cada vez menos desarrolladores prefieren usar angular

[@MsSoldadoRaso]

@@estudiantina lo siguen utilizando los que les da pereza migrar a otro framework y aprender cosas nuevas

[@untiltheendoftheworld643]

Pregunta, soy principiante, o sea....si aprendo React no es necesario aprender HTML, CSS y JavaScript?

[@carlosjose-om3qr]

Al contrario, debes de aprender los básico de todo ello para recién asomarte a React.

[@abrahamjaimes7643]

8:28 title.class = "title"; no es valido deveria de ser title.className = "title" o podria tambien agregarse de esta manera title.setAttribute("class", "title");

[@jonathanortegaDiuk]

domina?

[@eduardoguevara4849]

Intenté react y es una horchata de cosas, tal vez es simple pero con todo el espaguetis de sintaxis de Javascript se siente muy enredado Estoy intentando vue y dios mío, que placentero es Si, es un framework, pero lo estoy usando con express y ningún solo problema he tenido

[@joelventura76]

Svelte es mejor, te vas a reír de lo sencillo y fácil que es, aunque tiene un parecido a vue, pero tiene cosas muy cooll

[@eduardoguevara4849]

@@joelventura76 lo intentaré:D si me interesa igualmente

[@gabrieltrinidad6397]

Antes de comenzar con React es muy importante de entender JavaScript

[@MiguelAngelBenitezYanez]

Interesante comentario.

[@ensarman]

@@joelventura76 Svelte es una maravilla, pero aun le faltan los componentes que vas a encontrar en vue y ni que decir en react. que svelte madure un poquito mas y que la comunidad le siga poniendo fuerza y va a arrazar!!! xD

[@MiguelAngel-tg9wq]

Yo utilizo react asi (Segundo lo que veo, es una forma rara de usarlo, alguien me podria decir como se llama la sintaxis): Import React from "react" export class ClaseEjemplo extends React.Component { render ( ) { Return } }