¿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
Пікірлер: 122
*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
8 ай бұрын
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 👍
Recuerdo que hace 5 años gracias a tus videos pude entender React
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.
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.
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
Chevere,,,me habia olvidado de Ed team...Ya voy por el curso...Saludos
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. ..
gracias por tus aportes alvaro, me gustaria que hicieras un video de vue y svelte que tambien son tecnologias super interesantes
Muy buen video. ¡Muchas gracias!
excelente video, me encanta React!!! por favor hagan un video sobre ¿Que es Vue y porque es tan popular?
Excelente video, se explica de forma bastante clara...
Maravillosa información, me encanta 😍✌️💪
gracias por la explicacion xd si me hacia falta , sigue subiendo videos plis
Gracias por tus aportes!
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...
Gracias por la información Alvaro excelsa como siempre, una pregunta, existe algun curso de VueJs + Vite + Pinia? Gracias.
Clase Magistral 👍👍
Estaba esperando este video 🦾😂
Bien explicado 👏
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...
8:55 estupendoooo
me entusiasma mucho, espero ponerme las pilas porque quiero saber bien como crear todo un servicio
Me gustó agarrando los componentes
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.
que bien explicado
Excelente!!!
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 👍
Early on, You ntion a tutorial You've made, concerning the content setup. I can't seem to see it in Your description though?
Excelente 👌
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.
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
7 ай бұрын
Angular o react, creo conocer ambas es buena idea, aparte busca lo nuevo que viene HTMX
Tuve un dejavu XD siempre lo explicado muy bien
puedes hacer un video hablando de django
Excelente explicación, nunca mejor dicho que son los mejores explicando en español.
@MartinBorruel
Жыл бұрын
eso es publiidad sin fundamentos
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.
Cuando Flutter Web 3.3 vs React?
library != librería AND framework == marco de trabajo
Un video acerca de Algoritmos porfa!!!!
La explicación esta super clara, excelente!
@MartinBorruel
Жыл бұрын
para quien o que?, no digas m Mary Jane
Por qué usaría uno react con Javascript en vez de typescript
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
5:35 yo viendo que el código abre en un y cierra en un :v
@blackstrato2216
10 ай бұрын
JAJAJAJA!!! es verdad!!! Volví solo para comprobarlo... alegraste mi tarde! Gracias!
9:48 ¿es por eso que Chrome y otros navegadores consumen tantos recursos?
yo uso vivaldi
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
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.
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
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
Creo q el backend es el sistema de transmisión y el fronend todo lo demS
Yo siempre recomiendo Edteam, les digo que Álvaro defiendo windows y duerme con Mac debajo de la almohada 😂, saludos y paz ✌️ 🍏
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.
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
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
Aguante Vue jajajjaja
Como que ? :V
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.
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
Estoy esperando el vídeo de Figma 😔
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
Nadie le gana a svelte ❤️🙌😅
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.
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");
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 } }
domina?
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