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

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

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

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

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

[@hitorikenshin]

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

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

[@javi_v7.0]

Este amigo es muy talentoso para explicar, gracias por el video...

[@josefideldiazdelpino7470]

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

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

[@superJerrySong]

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

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

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

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

[@JuanCHB_88]

8:55 estupendoooo

[@Saira-j9o]

Огромное спасибо за рабочую связку.

[@leonisocamponieves8941]

Muy buen video. ¡Muchas gracias!

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

[@Jmontero1804]

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

[@leoreichert546]

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

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

[@erickescalante8989]

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

[@jesusmoran1356]

Hay alguna forma de trabajar con php e integrarlo al diseño, me parece que todo el sitio sería mucho más sencillo construir usando php, se hace una consulta a la base de datos y se renderiza en el cliente, pero veo que con react hacer esto es posible, he logrado que me funcione en el servidor localhost:3000, pero cuando exporto el build no se visualiza o se conecta al archivo controlador de php, algun texto de referencia que pued usar para trabajar con php?

[@cdvillarreal]

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

[@MartinBorruel]

eso es publiidad sin fundamentos

[@jonathancastro4997]

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

[@User-DARK_23]

Álvaro es el mejor enseñando 🙌

[@rodrigofernandez3627]

Gracias por la explicación

[@JairoAlcalaCommunity]

Me gustó agarrando los componentes

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

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

[@juansebastianramos3356]

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

[@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?

[@yeseniaurriola4141]

Maravillosa información, me encanta 😍✌️💪

[@diegoandressalcedoromero2733]

El problema de React, es que esta enfocado a SPA o Single Page App las cuales poseen un peor posicionamiento en SEO para google, ya que al no contar con el contenido de forma nativa si no que es este se crea dependiendo de los estados de la app esto le afecta, ademas de que al ser tambien una poderosa fuente de Client Site Rendering, peor le va, pero si la aprendes a utilizar de manera sabia combinandola con otras herramientas se vuelve una herramienta poderosa

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

[@JhoanSalgado]

Estaba esperando este video 🦾😂

[@paginas-web807.]

Excelente explicación

[@AlexAstudillo1]

Cuando Flutter Web 3.3 vs React?

[@Dani-ui3ni]

Gracias por tus aportes!

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

[@sentinel4858]

Clase Magistral 👍👍

[@Morlucho]

que bien explicado

[@el.bromas]

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

[@juanfranciscoguzman8428]

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

[@alvarohrv]

Tuve un dejavu XD siempre lo explicado muy bien

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

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

[@Joaco-GM]

Entiendo que te referís al UX/UI. No es imprescindible, si además de desarrollar, tenes los conocimientos y habilidades para saber comunicar visualmente, podes hacerlo vos mismo. Es un tema complejo porque muchos creemos que sabemos comunicar hasta que un UX/UI nos dice lo contrario.

[@vwillians]

Bien explicado 👏

[@JB-no4rf]

puedes hacer un video hablando de django

[@FelixApazaArroyo]

Como que ? :V

[@Highwind_]

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

[@joseantoniodelapaz6374]

Eyeyeyeyeyeye puro react

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

[@gunsandrock]

Un video acerca de Algoritmos porfa!!!!

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

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

[@alexandersobreperatoledo230]

Excelente!!!

[@elcrackent13]

Aguante Vue jajajjaja

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

[@ErickJClavelB]

Excelente 👌

[@antony3226]

La explicación esta super clara, excelente!

[@MartinBorruel]

para quien o que?, no digas m Mary Jane

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

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

[@altondev]

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

[@keylogger1080]

yo uso vivaldi

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

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

[@sergioacuna1772]

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

[@dplopezSioux]

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

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

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

[@skaterplus24]

Estoy esperando el vídeo de Figma 😔

[@joelventura76]

Nadie le gana a svelte ❤️🙌😅

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

[@jonathanortegaDiuk]

domina?

[@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 } }

[@aptovegan]

No es tan complicado, imaginate un auto que es horrible y funciona espectacular, nadie lo compraria