¿Por qué React.js transformó el desarrollo web para siempre?
El desarrollo web seguía una serie de paradigmas tradicionales hasta la llegada de React.js que lo cambió todo. Integró los conceptos de estructura (HTML), estilos (CSS) y lógica (JavaScript) en un solo paquete llamado componente en lugar de separarlos como siempre. Además introdujo un nuevo lenguaje llamado JSX para escribir HTML dentro de JavaScript y creó un DOM virtual guardado en memoria que no se renderiza para optimizar el rendimiento.
Si quieres aprender más de React, lanzaremos muy pronto una especialidad de cuatro cursos que puedes encontrar en
✅ ed.team/react
En este video aprenderás:
✅ El desarrollo web antes de React.js
✅ El cambió de enfoque de React frente a Angular
✅ Arquitectura MVC (Modelo Vista Controlador)
✅ Los componentes
✅ Virtual DOM
✅ JSX
✅ React.js en el backend con Node.js y Next.js
✅ Licencia de React (BSD, MIT)
🔥 Aprende programación, diseño y emprendimiento con la mejor metodología en español. Un futuro de oportunidades laborales y de emprendimiento te está esperando.
Web y comunidad EDteam
✅ ed.team
Sé un estudiante premium en EDteam
✅ ed.team/premium
Instagram:
✅ ed.team/instagram
Twitter
✅ ed.team/twitter
Пікірлер: 171
Fin de semana... EDteam...
@julioalvarado1833
5 жыл бұрын
??
@victoravr10
5 жыл бұрын
@@julioalvarado1833 el anuncio lo harán el fin de semana.
@julioalvarado1833
5 жыл бұрын
@@victoravr10 aahh ok ok gracias amigo
- AngularJs , dio los conceptos de componentes y abrió a un nuevo mundo .. - React , depuro todo lo que AngularJs y revolucionó - VueJs , combino Angular y React , e disparo la usabilidad a niveles gigantesco, ya que todo lo hace más facil y sencillo para el programador Pero aqui el heroe secreto es WebPack , sin él , estos 3 framework tendrian bastantes complicaciones ..
@markdrew53
5 жыл бұрын
Cierto, pero seamos sincero si no hubiera sido webpack alguien más hubiera inventado esa herramienta. Parcel me parece mejor opción.
@1jose5
5 жыл бұрын
@@finnelhumano3326 Te equivocas , estamos viendo de importancia histórica , Angular no tiene importancia histórica , ya que salio solamente para competir contra React y arreglar los errores que ya se tenia ya que los de Google vieron que React estaba destrozandolo en ese mercado .. Por si no te acuerdas , Angular2 tenia una version para JS y una version para TS .. Aquí el que tiene importancia histórica es AngularJS , ese si abrió un nuevo mundo ..
@ll-sz9fl
5 жыл бұрын
El verdadero cambio se viene con Gatsby
@frostcorp3427
5 жыл бұрын
No olviden que todo lo que saben esos frameworks que mencionan vienen de la filosofía de un framework más antiguo... Backbone.js :)
@alex99ww
4 жыл бұрын
Nah, Vue funciona excelente sin webpack
Te dan ganas de comprar tus cursos, por la forma que tenes de explicar las cosas . El que? porque? donde? quienes? mezclas la historia de donde y porque!! la utilidad, el alcance, y todo bien resumido para no perder el 100% de la atención de la persona que mire tus videos !! Genial y muchas felicitaciones por tu pasión!!
Loco! Sos un genio! En casi 16 min me aclaraste todas o la mayor parte de dudas que tenia de cuando aprendi react. No dejes de hacer estos videos, son muy buenos. Saludos desde Argentina! Muchas gracias nuevamente
@dehylus
5 жыл бұрын
Me paso lo mismo, me interesaba REACT pero no sabia como funcionaba o qué era o hacia. Con esta explicación me quedo clarisimo y me hizo ver que es totalmente necesario que lo aprenda. Hagan más videos así!
14:14 la comunidad obviamente React-cionó :v
@endr5563
5 жыл бұрын
Jajajaj toma tu like
que buena explicación. sería interesante basado en tu experiencia saber sobre los pro y contra que tuviste al implementar con react.js
Así o más claro, imposible! Excelente vídeo.
Muy bien explicado y estructurado, MUY BIEN EXPLICADO Y ESTRUCTURADO! bárbaro, felicidades!
Genio! sos el mejor para explicar conceptos tan complicados...Gracias
muy buen vídeo. Claramente explicado : historia , conceptos y aplicación.
Por fin vídeo de react 😊😊
asu eres un orgullo para Peru, que todo te vaya bien, gracias a Dios te conocí y ya voy a acabar la carrera que casito deserto :)
Muy buen video, es muy claro y se entiende todo.. Felicidades! Suscrito y con campanita!
Tus vídeos son tan buenos que espero algún día comprar un curso apenas tenga la.oportunidad. gracias por la enseñanza
Excelente contenido. Gracias por compartir. Saludos desde Venezuela
Muchas gracias Alvaro, acabas de quitarme muchas dudas, supiste explicar muy bien en palabras simples los conceptos
Muy buen video. Excelente, con ejemplos by problemas del día a día. Sigue así.
Mis respeto mano, eres un capo.
Increible EDteam muy buen contenido!!
Hermoso video, excelente forma de explicar, ordenado y claro. Éxitos.
Excelente, nadie podria haberlo explicado mejor y sin vueltas
Gracias. !!Aprendi mucho con este video.
Es muy apasionante react. Desde que lo aprendí la programación y el desarrollo me empezó a apasionar aún más.
Muy buen, video. Creo que aprendo más cuando me cuentan la historia de la tecnología.
@gmansi
4 жыл бұрын
Claro, me pasa igual, porque entiendes para qué fue creada tal tecnología y esa es la base.
@ROXANA8747
3 жыл бұрын
Tal cual.. Y eso que no me gusta historia.. Pero escuchar a Álvaro explicarlo con tanto entusiasmo y claridad provoca deseos de conocer más y usar esa nueva tecnología
Muchas gracias por compartir conocimiento, gracias
Excelente video!
Muy buena explicación.
React Js es espectacular....Y Native impresionante. Yo inicié con VueJS y pasé a React. Buen vídeo amigo.
@Gabozxc
5 жыл бұрын
Te sale mas worth react que vuejs?
Barbaro, excelente explicacion.
Buenisimo abra que aprender
Sería interesante un video sobre los tipos de licencia que existen (MIT, GNU, ect, ect) Haciendo más énfasis en las diferencias con ejemplos
Hablen sobre VUE y sus direncias con React y Angular.
@RodrigoHernandezOrtiz
5 жыл бұрын
Aporto la primera diferencia : La sintaxis de Vue es mucho más simple y limpia ( Se tenia que decir y se dijo ) jajajajaja
5:25 css salido del recuadro me hizo el dia jaja gracias!
@gmansi
4 жыл бұрын
Qué pasó con el padding?
@nifares8744
3 жыл бұрын
🤔
Me encantaría que hagas un video referido a Flash, en aquello tiempos habían muchos estudios que desarrollaban páginas webs con flash y dramweaver. sobre todo "2Advanced" que fueron pioneros en llevar una experiencia única a las webs. Sería genial hacer unas comparativas entre => HTML / FLASH / REACT
Nose si alguien me puede ayudar, pero tengo problemas con unir mi front con reactjs con mi back en python/django ... si pudieran guiarme muchas gracias..
yo estaba programando con django y python una web, pero por lo visto para hacer este tipo de web es una tecnologia "vieja" o me equivoco. Muy interesante este video.
HTML + CSS + JAVASCRIPT una web completa.
@jonathanmoreno9076
5 жыл бұрын
Cierto, pero el que no conoce JS, puede ver lo que dices muy a la ligera .... Porque solo con Vanilla puedes hacer cosas bonitas, pero si quieres pasar al Backend, enviar documentacion masiva, mejorar las transiciones o incluso hacer un MVC, ya debes empezar a recorrer la evolucion del Js, y si quieres entrarle a las Apps moviles hibridas con Angular o React y no conoces la metodologia ECMAScript 6, vas a sentirte demasiado miserable en la vida cuando empieces con ...... En resumen, Javascript es un mundo muy bonito que vale la pena conocer a plenitud ...
@gmansi
4 жыл бұрын
"HTML + CSS + JAVASCRIPT" Sin BD en ese caso.
Eres grande Alvaro me encanta como explicas. Rápido y entenidible. Saludos!
Hola..para cuando una especializacion en python?. saludos
genial estimado
El problema que tengo o mas bien duda con las SPA y este rollo de renderizar las paginas desde el cliente es el tema de SEO...react tiene alguna manera de manejar el SEO haciendo SPA?
Buen video
Hay un video como este pero de Vue? Buen video
Hola, que opinas de la edad para programar?? para freelancer se que no hay problema, pero si a futuro quieres entrar a una empresa?? por ejemplo aquí en Argentina vi los avisos y pude ver que están contados con una mano ,aquellas empresas que piden como máximo hasta 30 años de edad. En cambio todas las de más, no les importa la edad. Usted que opina?? obviamente me refiero a un nivel de principiante, junior, junior aprendiz. Saludos desde Argentina.
Muy bueno. Saludos des Argentina!
una aplicación web gigantesca con mas de 1000 componentes, y todas trabajando entre si. Me vuelvo loco..!!
Excelente video. No niego la popularidad de react pero una vez trabaje con vue no quise saber de react para nada, es mi opinión igual para otros es preferible react o angular
@jhojhans.h.7416
5 жыл бұрын
Quiero aprender react, pero empecé usando vuejs y se me hace muy difícil soltarlo...
@mateosingh93
5 жыл бұрын
Me gustaría que alguien me de un consejo para seguir mi camino, quiero saber que debería seguir aprendiendo si Vue o React (debo aclarar que no tengo nada de conocimiento en Javascript. Lo único que manejo actualmente es HTML5, CSS3, y framework como bootstrap 4) Y quiero saber bien que más debería aprender o por donde debería seguir (actualmente estoy intentando lanzar una página de ventas de tejidos por encargo, etc) algún consejo?
@RommelMendozaZ
5 жыл бұрын
@@mateosingh93 Primero aprende Vanila JS (javascript puro sin frameworks) aunque sea lo basico eso te ayudara mucho a luego pasar a usar frameworks como vue o react (el que luego prefieras), no he conocido a nadie que use frameworks sin antes saber algo del lenguaje, asi que quizas sea posible que inicies directamente con frameworks o quizas no... lo que mencionas de tu proyecto de ventas por encargos depende del requerimiento en si para darte un consejo que necesitas, si necesitas crear una aplicacion que permita registro, que tenga su carrito de ventas, etc etc no solo basta con tecnologias frontend, debes saber de bases de datos, necesitarias de algun lenguaje de backend como Go, Python, PHP, el mismo Javascritp con NodeJs, Ruby etc...
@mateosingh93
5 жыл бұрын
@@RommelMendozaZ gracias por el Consejo, recién estoy empezando y tengo algo de confusión sobre la función de cada lenguaje pero de a poco voy aprendiendo, gracias!
@ShyNNeRnNR
5 жыл бұрын
@@mateosingh93 Lo ideal es que utilices el framework/librería una vez entiendas como programar en Javascript. Si no tenes mucho conocimiento de las bases y querés empezar con uno de los tres, Vue.js se te va a hacer más sencillo porque al API es muy limpia y tiene bastante syntax sugar, aunque es el que menos salida laboral tiene especialmente en latam.
Svelte 3 viene muuuy fuerte..
Hoy por hoy en 2020. Que estado de situación tenemos? Angular, React , VueJs ??? En 2020 a que tenemos que prestar atención? siguen estos tres o ya tenemos algo superior ?
Es malo realizar muchas acciones inyectando html al DOM? Por ejemplo utilizando innerHTML? Es malo que una acción recurrente en mi sitio se base en ese tipo de inserciones?
@markdrew53
5 жыл бұрын
sip, podrias tener problemas de seguiridad
@tgrem
5 жыл бұрын
@@markdrew53 Que curioso, podría saber por que?
Una pregunta; lleve el curso de React desde Cero en EDteam y ya he desarrollado varios proyectos con React, es decir no estaria yo aprendiendo de 0, pero aún así me interesa la especialidad, por lo que mi pregunta es si, ¿Qué tan profunda y avanzada llegara a ser la especialidad? Gracias!!
@EDteam
5 жыл бұрын
Hola charly. La especialidad no es un solo curso. Probablemente no necesites el primer curso porque ya sabes esos temas. Pero quizás del curso 2 en adelante si te aporten cosas nuevas. Atento este fin de semana al lanzamiento del temario.
Quien diría que facebook sería como un tipo de obra de arte por como está construida, hasta parece que broma, pero vaya ... Que asombroso
Que pasa con el seo al desarrollar una web en React
@AgalarpOficial
4 жыл бұрын
lo mismo que con angular y vue.js, tienes que crear un componente para la parte del header e ir cambiando los datos cada vez que cambies de pagina con react-router.
Excelente video solo una cosa! Yo quiero ser frontend /backend developer (creo que asi se llama el concepto haha) entonces, acabo de terminar de estudiar HTML, con tus videos de hecho hahah, ademas de otros cursos para profundizar, mi pregunta es: continuo con CSS y despues JavaScript o me salto directo ya a React.js (JSX)?
@17TheVIP
5 жыл бұрын
Para saber react necesitar saber JavaScript, no tiene sentido saltarse
@gmansi
4 жыл бұрын
@@17TheVIP Javascript sí o sí, y luego Node para el BackEnd por ejemplo, donde lo aprendido en Javscript es fundamental
08:10 Entonces un front end developer ¿YA NO necesita aprender javascript puro? Si quiere usarlo, ¿puede hacerlo a través de JSX?
@EDteam
5 жыл бұрын
JSX es javascript que permite insertar sintaxis html. Peto sigue siendo javascript así que tienes que aprender primero js. Puedes aprenderlo gratis en ed.team/cursos/javascript
Amigos exactamente para que nos sirve Nextjs??
Me gustaría que alguien me de un consejo para seguir mi camino, quiero saber que debería seguir aprendiendo si Vue o React (debo aclarar que no tengo nada de conocimiento en Javascript. Lo único que manejo actualmente es HTML5, CSS3, y framework como bootstrap 4) Y quiero saber bien que más debería aprender o por donde debería seguir (actualmente estoy intentando lanzar una página de ventas de tejidos por encargo, etc) algún consejo?
@17TheVIP
5 жыл бұрын
Pues el que más te guste
@gmansi
4 жыл бұрын
Primero deberías tenes una base de Javascript
Estaran solo en CDMX o iran a Puebla ?,saludos
@EDteam
5 жыл бұрын
CDMX. ¡Te esperamos Gabo! Escríbenos a contacto@ed.team si tienes dudas del evento y con gusto te orientaremos.
Yo hago aplicaciones web con el patrón MVC, usando Java, Hibernate, JSF y primefaces, cabe resaltar que estoy contento con los resultados logrados porque su rendimiento es óptimo. Ahora estoy incursionado en react native y veo que react js esta siendo usado ampliamente para lograr aplicaciones similares. Sin embargo tengo preguntas respecto el rendimiento, hay un punto de comparación entre JSF y react js es más óptimo uno u otro y porque? Agradezco sus comentarios.
Excelente Gracias por esta información
Hola , alguien que sepa que otra tecn. Menciono? 14:21 gracias
@joseluisriosdelacuba856
5 жыл бұрын
preactjs.com/
¿y qué usan cada uno? ¿qué usa office, photoshop? ¿y para 3d? porque me puse a googlear "single web appliaction office" y me salen resultados de office de cómo usar office y porquerías que no dicen nada. ¿dónde puedo ver qué framework utiliza cada una? ¿o es que al ser empresas gigantes hacen todo de 0 con javascript y sus propias herramientas, no usan react, ni vue, ni angular?
Excelente Video!!!
Pregunta: ¿que posibilidades hay de que facebook pueda cambiar otra vez sus licencias de react y perjudicar a los desarrolladores?
@gmansi
4 жыл бұрын
Sería como pegarse un tiro en el pie supongo.
Disculpen la ignorancia, hay alguna diferencia entre React y React JS? o son lo mismo
Si todo se procesa en el servidor no es mas pesado? La verdad yo ando muy feliz con Ruby on Rails, codifico poco y hago mucho pero respetable forma de pensar
@gmansi
4 жыл бұрын
El FrontEnd en qué lo haces?
EdTeam creo que tiene mucha competencia, no obstante veo que siguen avanzando. Que bien.
La web no es sólo html amigo. Hay transferencias json, xml, imágenes, archivos y un sin número de otros recursos.
@EDteam
5 жыл бұрын
Por supuesto que es mucho más que html, pero html es el núcleo. De hecho, html se creó justamente para la web (y http).
Y los de facebook no pueden volver a cambiar la licencia en algún momento si ellos así lo deciden? Me interesa aprender react, pero con eso que explicaste al final di un paso a lado
@alvarofelipechavez
5 жыл бұрын
No lo harán. Tienen muchísimo que perder. Además es muy fácil crear un fork si fuera necesario.
@gmansi
4 жыл бұрын
@@alvarofelipechavez "Además es muy fácil crear un fork si fuera necesario." Esa es la clave
¿y cuál es la diferencia con django? además de que django es python y react es javascript ?
@AgalarpOficial
4 жыл бұрын
django es backend y react es frontend xD
entonces conclusión se debe aprender React.js que angular??
@gmansi
4 жыл бұрын
Acá tienes tu respuesta en la tendencia actual: www.npmtrends.com/@angular/core-vs-angular-vs-react-vs-vue
Cual es mas facil para aprender, Vue o React?
@ayrtonart
5 жыл бұрын
Vue
@belph9
5 жыл бұрын
Vue x1000, aunque mola más aprender React, además que tiene más demanda laboral
Cuando harán uno en Perú !
me recomienda aprender react o vue?, javascript o java?
@RodrigoHernandezOrtiz
5 жыл бұрын
JavaScript si quieres sumergirte en el mundo de la Web y para aprender los 2 primeros. Aunque te vendría muy bien aprender Java "Aprende como si fueras a vivir para siempre" Saludos.
@jhonfer5481
5 жыл бұрын
@@RodrigoHernandezOrtiz muchas gracias por la ayuda.
ED Weekend!!!!!!!!!!!
EPA, Vuejs es lo mejor de ambos mundos, Angular con su curva dé aprendizaje que lo deja loco y Reactjs que no lo termino de entenderlo.... De verdad quise aprender de los 3 y me quedé con Vuejs desde hace un año que vengo con proyectos.... ¿Para cuándo un curso o topic de Vuejs?
@EDteam
5 жыл бұрын
Pronto vuejs
gracias EDTeam!! aspiro a tener con que pagar su contenido. :).
Los componentes son básicamente lo mismo que está manejando angular apartir de la versión Angular2
@gmansi
4 жыл бұрын
" Jose Manuel Casani Guerra Hace 9 meses - AngularJs , dio los conceptos de componentes y abrió a un nuevo mundo .." Justamente Angular creó el concepto de componente
jejeje sin animo de molestar pero en el punto 3 dice: Creado para mejorar el "desarrolo" :) saludos, bonito dìa.
Hola, el sitio creo que estaba en drupal, entonces lo cambiaron todo ?.
@alvarofelipechavez
5 жыл бұрын
Claro, cambiamos absolutamete todo. Un trabajo titánico del equipo de programadores de EDteam.
hace tiempo comencé a estudiar mas sobre react.js y lo deje. por que sinceramente me decepciono bastante la licencia. comnese a desarrollar mis app con angular e ionic con redux. sera una buena oportunidad para seguir aprendiendo mas sobre react.
@bobobo1673
5 жыл бұрын
¿Qué problema tiene su licencia?
@markdrew53
5 жыл бұрын
su licencia es MIT.
Nadie explica mejor.
11:05 wtf!!! de verdad se puede hacer eso? no sabia... :S ummm siempre se aprende algo nuevo... ahora a aprender como se hace ps xD y que diferencia entre usar react en server vs usar django o laravel...
y todo lo demás entonces ya no vale la pena perder el tiempo entender? cada vez hay mas función de que es lo que conviene aprender. Mejor cambio de modus vivendis?
@gmansi
4 жыл бұрын
ja ja ja ja
es hora de renovar la suscripción este fin de semana
@EDteam
5 жыл бұрын
Preparate para lo que se viene en EDteam...
Ya comencé con un curso de angular y creí que debí escoger react....
No importa que el código sea creado por ingenieros, los gerentes comerciales son quienes les pagan su sueldo. Qué tal si el gerente comercial le ordena meter código espía? Estoy pensando equivocadamente?
@EDteam
5 жыл бұрын
Es open source. Cualquier desarrollador encontraría ese código.
@Dragster600
5 жыл бұрын
@@EDteam Entiendo que es open source. Lo que quiero decir, es que una empresa podría crear una aplicación con código espía ya que es open source.
Primero me desilusiónas y casi me provocas un paro cardíaco con lo de la licencia xd, pero después me alivias diciendo que era puro pedo xd
Se puede usar react.js sin node.js?
Lean bien la Licencia MIT de React Todo lo que se programe en React le pertenece a Fb sin fines de lucro, pero si tienes un idea millonaria como un juego adictivo y usas React para hacerlo, la App es tuya pero Fb puede tener acceso a tu código y obviamente copiar la idea Fb recomienda que NO se metan a cursos de Flutter Saludos
Nunca me callo bien facebook. Ni su creador ni lo que esta haciendo al mundo. Prefiero Angular
@antonio609
5 жыл бұрын
Actualmente uso Angular y estoy aprendiendo cosas mas avanzadas en el, pero no es bueno clavarte solo con una tecnologia, en mi caso me he encontrado con varias cosas de Angular que sinceramente no me gustan (Enorme arquitectura, curva de aprendizaje), en proximos meses quiero adentrarme en React y ver que diferecias buenas o malas hay, a primera vista algo que nunca me ha convencido es que mezcla JS con HTML.
@jeronimoperez7992
3 жыл бұрын
@@antonio609 te respindo un año despues pero te digo que empeze con angular y me parecio super complicado y no me gustaba, me dio por mirar que tal react y me gusto mucho pero mucho mas
buen video .. pero mis ojos se van al cuadro con fotos en la pared ... esta como chueco no ? maldito TOC
@Cristian_oliver
Жыл бұрын
-0.5deg
@edteam MVC es un patrón de arquitectura no una arquitectura
@EDteam
5 жыл бұрын
Gracias por la aclaración 👍
@jonathanjoel2905
5 жыл бұрын
Ya lo están considerando una arquitectura
#AngularTeam
ni viendo tutoriales entendia tanbien redux como ahora XD
Yo aprendi en jquery, html y css. Reac es totalmente diferente, no le veo lo sencillo, si aprendiste en lo antiguo necesitas un curso para aprender reac pprque no se parece en nada.
Facebook puede cambiar de licencia en cualquier momento para volver a sus politicas de no compitan conmigo de nuevo?
Ventaja de redux y otros
@markdrew53
5 жыл бұрын
Es una manera de gestionar el estado de manera mucho más fácil.
tanto odian a jquery si es lo que salvo a javascript sino estariamos usando jsp dios nos salve
Me llevo el curso a ojos cerrados :')
@alvarofelipechavez
5 жыл бұрын
Te esperamos este fin de semana Luis