Angular vs React | Cuál es el mejor para hacer frontend con JavaScript | Herramientas al Ring

[@zintalento]

Queda poco tiempo, tú crees que lo logres? *Si me dejas de interrumpir, si.

[@eskpados]

X2

[@AlfredoTakazuBermudez]

JAJAJAJAJA Justo eso estaba pensando. "Déjame trabajar, sáquese de aquí"

[@alfalfarias]

XD

[@kpac8314]

Jajajaja así tal cual

[@enriquesalazar2855]

Como cuando el cliente reporta un error 404, y uno empieza a corregir y cada 10 minutos llama de que si ya casi ;8

[@oliverdjbrown]

-Oscar vemos que estás teniendo problemas que fue lo que pasó ? -tengo un problema una de las peticiones no se está ejecutando de los valores out que necesito para hacer render. - y como lo vas a solucionar ? -No lo sé pero lo voy a hacer (Todo developer en el mundo XD)

[@gndx]

¡Exacto!

[@QuetalCaido]

#OscarMeRepresenta jajajajaj

[@zeusalbertomoyasoto6612]

chévere la competencia

[@tubemanfredo]

Me gusta esa respuesta también fue muy asertiva y como dice alguien nos representa!! Excelente ambos.

[@Draiko1390]

C mamo jaja

[@ricko13]

Mientras Oscar pensaba que paquetes instalar para su proyecto de React... Nicolás ya lo tenía terminado porque Angular incluye todo por defecto ♥

[@gamalielgonzalez3983]

Angular es mejor 🤔

[@ThePomelo09]

eso es mentira, no veo stackoverflow en sus pantallas xD

[@blindedbm]

best comentario ever

[@Estherdigital7]

Que es eso??

[@Victor-hb2hi]

con eso el men del react hubiera encontrado su problema

[@enriqueruiz320]

🤣🤣🤣

[@markkonejo9433]

Jajajaja te mamaste

[@cristianrafaelbernalsuclup1993]

Lo que me choca es que nisiquiera muestran como funciona al final el trabajo del ganador, para ellos mismos se hacen los videos parece

[@TheKhaleon]

Deberían hacer este vídeo, y uno de 20 y tantos minutos, en el que se los vea tirando código y al final como quedó cada proyecto.

[@serome111]

si, le falta mas realmente. se siente como un machetazo ahi por hacer algo :V

[@KhelinMagic]

Comparto contigo quería ver el resultado.

[@FelipeMSV]

Si no veo el resultado no lo creo XD jhajhajhaj

[@cristianscript5649]

pausalo en los pantallazos y ahi se ve claramente el codigo

[@nicoux9581]

Nico tiene muchísima experiencia en Angular. Oscar se defendió muy bien. Felicitaciones a ambos!

[@adriandeoleoc]

A mi me toma 20 minutos solo configurar Angular Material😂

[@StalinMaza97EPN]

y a mí como 10 min solo que se cree el proyecto xd

[@elcrackent13]

Solo bootstrap papu jajaja

[@valeriafem3810]

Yo me tardo como 1 hora, por eso mejor uso Javascript puro y duro.

[@adriandeoleoc]

@@valeriafem3810 lo que utilices siempre va a depender de lo que quieres hacer.

[@angeloaudas]

Jajajaja muy cierto!

[@nahumalarcon1761]

Aprendí Angular hace varios años, y recientemente aprendí React Hooks. Viendo este video en retrospectiva puedo decir que era de esperarse el resultado, no porque Angular sea mejor que React, sino porque el gran ganador aquí fue TypeScript. React lo aprendí directamente con hooks y TypeScript y es una combinación magnífica. Angular por su parte utiliza TypeScript, out of the box.

[@puello852]

Angular ❤️ el Framework que me da de comer!! Jajaja no podías perder nuncaa

[@WwHammerwW]

Sii mucha razón

[@javiromero4067]

Enserio ? Porque cuéntanos amigo

[@raymondcoplin2797]

El mejor!

[@SeriesTube01]

@@javiromero4067 Simple: es el framework por excelencia en entornos empresariales. Si quieres trabajar en una empresa de desarrollo, cualquiera, es OBLIGATORIO dominarlo.

[@javico1127]

A mi reactjs :v

[@Jdecode]

me hubiera gustado realmente ver el código si solo fueron 20 minutos

[@josepablomacias1009]

No mostraron el resultado final, pero si es cierto que el uso de fetch tiene su ciencia y dependiendo de la api se deben de colocar sus then y sus catch, ademas que tiene que modificar los headers. No he usado angular pero me parece interesante que ya incluya una herramienta para manejar este tipo de peticiones.

[@fabrizziocht]

Llevo años usando Angular y estoy muy contento con el framework, espero pronto dominar react

[@Camilo-js6qm]

Cómo cuando apenas vas por el curso de programación básica - Patricio: Yo no entiendo nada

[@tubemanfredo]

Considero que hubo una desventaja el chamaco de Angular le escuche que tenía 8 años de experiencia y el de React tenía 3 años, eso influye mucho, sin embargo al final el chamaco de Angular aprovechó todos los features y ventajas que proporciona el framework lo que le permitió tomar ventaja, desde conoce más lo que la herramienta le provee y supo canalizarlar. En fin buen video ambos se notaba que conocian sobre el tema.

[@SiervodeJehova2009]

Quizás la diferencia en años de experiencia lo compensa la curva de aprendizaje de angular que en mi opinión es bastante mas alta.

[@FelipeRushDeath]

Yo en 20 minutos escribo la estructura de HTML y me falta tiempo...

[@Alex-eq2ln]

Yo en 20 minutos apenas le empiezo a entender a los requerimientos 😂😂😂

[@benjaminflores7858]

Dale like si quieres ver un vue vs angular!

[@goth14wx47]

Vue gana sin dudar

[@SebastianCardosoVlog]

Vue vs React

[@salazar.focus8]

Angular gana ya viene preconfigurado, con un buen conocimiento, un crud lo haces en cuesto de 5 minutos. eso contando que conoce emmet en vs code

[@dnnsnnz]

Uff platzi. No me imaginaba un vs de este tipo. Pero sin dudas este ha sido el que más me gustó :,)

[@hervis15]

El error del de react fue no validar que fuera un objeto, Object.keys(null). Si hubiese usado yarn hubiera ganado un poco mas de tiempo. Creo que si tuviera mas experiencia le ganaba de sobra al de angular.

[@jeancarlosaldeaalarcon4890]

Hervis pichardo asies, prefiero yarn a npm

[@javier5048]

jajajajajajaja

[@daviduntama]

recuerdo que hacer algo parecido me tomaba horas ahora me toma max una hora y mejorando , angular tiene muchísimas herramientas y me esta costando asimilarlas

[@calerok1]

Nicolas se ve que es un gran profesional y que le ha dedicado bastante tiempo... Es muy rápido, mis respeto!

[@yonathangutierrez1733]

En sus clases aprendi cosas que no manejaba con algular y eso que lo estoy usando hace 3 años...

[@JosealexisCruzSolar]

Es Google developer expert y tiene 8 años con angular!!! Obvio ganaría el

[@urielaazc2751]

Tuve la oportunidad de conocerlo y recibi una charla de el! Es otra onda nicolas

[@Ang3lCantu]

Justo estoy en mi proyecto terminal y me piden implementar una de estas propuestas, muchas gracias este video me ha inspirado mucho.

[@luiscarlosperezo3275]

aahh me encantan las competiciones, Sacan lo mejor de uno... bien plantado nico!! 👏👏😎

[@juanesgalvis3206]

Ojala volvieran a hacer esta sección pero los 4 grandes. React vs Angular vs Svelte vs Vue

[@edgarsuarez1374]

Me parece Super loquisimo este concepto, muy original, muy emocionante, pocas veces me he divertido tanto con un vídeo de platzi como hoy a las 4 de la mañana riéndome como un loco en la cocina viendo esto, jajaja felicidades me encanto!!!

[@LeonidasEsteban]

La próxima yo le entro para defender la honra de React ✊

[@heliojaviersotoarevalo1979]

Este si que sabe de esto,,, estoy claro

[@juanesgalvis3206]

Hubieras ganado jajaja te conoces La API de PokeApi a la perfección jajaja sería interesante hacerlo en tu canal. Un Live de React vs Angular vs Svelte vs Vue

[@xderen_xd]

Jah bless, estoy aprendiendo nestjs y uff estoy viendo el poder de angular, no es la panacea, pero si sabes a profundidad angular tienes alas libres es que mira siento que react cuando ya quieres hacer apps web reales que solucionen problemas reales más allá del diseño se complica demasiado y empiezas a instalar muchas dependencias para facilitarte la vida, en cambio con angular veo que es un 2x1 ya viene todo por lo cual claro aumenta su dificultad pero como todo lo dificil que se domina da sus frutos

[@agustindifilippo1700]

Vamos Nicolás! nunca dudé de vos!!!

[@salazar.focus8]

Dominando angular2+ te permite realizar proyectos en poco tiempo, utilizando herramientas como rxjs, httpclient y material, ademas de tener una buena máquina con ssd te permite correr el CLI, super rápido el ng serve no toma mas de 5 segundos.

[@davidbenavides1838]

super genial herramientas al ring, lastima que ya sabes quien va a ganar cuando hacen la publicidad del curso empezando el video

[@yanferaraque1051]

aja, pensé exactamente lo mismo, es como decir si querés ver como vencen Thanos a costo del Capi, la Pelirroja y el Playboy millonario, no te pierdas Avengers End Game

[@louiseavilezx2b505]

En las películas ya sabemos que comúnmente va a ganar el héroe y siempre que ignoramos esa idea, disfrutamos de la peli o no? aunque aquí ni mostraron el código ni la aplicación asi que sí, solo fue un show estratégico

[@andresruales3598]

El CLI de angular te brinda muchas ventajas. Yo creo que un React vs Vue es más parejo.

[@dilverdev]

vuejs incluso tiene mas herramientas se lo come vivo a los 2 en tiempos

[@andresruales3598]

@@dilverdev en tiempos vue es el papá de todos. He trabajado con vue pero para mí el cli de angular es brutal. Igualmente cada cosa para cada caso 🤟

[@MinombreesSergio]

Pues supongo que para emparejar sería nextjs en vez de react puro

[@carlosz.7453]

Yo vine por los comentarios XD y tu? por otra parte deberían hacer mas videos como este mas seguido.

[@hern4z394]

When intentas codificar y te interrumpen a cada rato :v la historia de todos los desarrolladores

[@omartec7964]

JAJAJAJAJA ME PASA

[@msm302]

Hombre. El director de cámaras la rompió con esos efectasos 😆❤️

[@CristianAndresMarin17]

Chevere, pero falta que muestren el resultado final y algunas partes del código también

[@SOLIDLUIS24]

Yo soy react developer pero se sabe que angular es mejor ya que este es un framework y viene mas completo a una libreria

[@Diego-ng9xz]

Seria pro un React vs Vue, Laravel vs Django

[@ramdheilopezarcila2321]

Ufff Laravel vs Django

[@dubanortiz7733]

Django come laravel al desayuno

[@Diego-ng9xz]

​@@dubanortiz7733 cada uno tiene sus pros y sus contras seria interesante verlos en acción

[@ensarman]

@@dubanortiz7733 jaja, xd Laravel tiene sus ventajas también

[@javier5048]

Spring boot 2 se garcha a los dos juntos ;)

[@soyBuenaOnda]

like si tu tardas como 3 horas o + xD xDDD

[@orl123124]

Y googleado

[@weskerDluffy]

3 dias

[@AngelEZM]

3 semanas :U

[@weskerDluffy]

@@AngelEZM a webo 3 meses para los superpendex

[@extaroth9201]

xd a mi nivel fácilmente nunca termino v":

[@JC-el3zn]

Ahora un ring de frameworks de backend!! Estaria genial!!

[@futuristictechnology4630]

Django se llevaría el premiosi es en poco tiempo

[@JC-el3zn]

@@futuristictechnology4630 Asi es, Django es Django un framework de pelicula xdxd

[@MsSoldadoRaso]

Node js

[@diegoferrer4860]

Si es para api,nestjs..

[@VANTYCSolutions]

Los ganadores fuimos nosotros al presenciar esta gran competencia 👍

[@Yarwei]

Se imaginan cuando llegaría Vue

[@gab2050]

Simple, mientras más aprendes de librerías para React más te gusta Angular que ya la tiene

[@motob3553]

Como se llama el tema de color que está usando el de React xd?

[@MinombreesSergio]

puff claro, pero exigo la revancha de react con nextjs vs angular D:

[@santiagoandres8904]

Aquí falta vue porfavor

[@eduardovillalobos4610]

React con Next.js vs Angular con Universal!!!

[@cristianmarquez5571]

Desde mi punto de vista el dev de React perdió por dos cosas: 1) Algo no le funciono con el manejo de los hooks, 2) No agregar otras librerias. Algo como material-ui + redux + redux-thunk, era el combo justo para competir con Angular. Supongo que intento manejar el useContext para manejar el fetch, por alguna razon no le funcionó, y por eso al final estaba intentando hacer el fetch directamente en el useEffect.

[@hervis15]

No necesita redux para solo renderizar y filtrar los pokemones con los hooks es mas que sufuciente, solo tenia que hacer el fetch y luego filtrar. El error que tenia era que estaba tratando de sacarles las keys al objeto pero le llegaba nulo.

[@matiasYM]

Epico! no se cual de estas tegnologias me ha dado mas satisfacciones y dolores de cabeza 😀

[@davidmontoya2787]

igual hay una desventaja en el VS, uno tiene 8 años de experiencia contra 3, creo que deberían buscar a 2 que tengan si mucho 1 año de diferencia en experiencia, así el reto estaría bajo casi las mismas condiciones.

[@getseneko7004]

Igual forma React tampoco es que sean tan difícil, porque también se puede tener sus custom hooks, pudo haberlos importado y haber hecho el trabajo mucho más rápido, y no creo que sea un tema nuevo para el.

[@chromedokuro5786]

Quede loco por el hecho de que lo hicieron en 20 minutos

[@davidaroesti5415]

Buenísimo episodio!!!

[@cladmarquee]

si, React tiene tantas formas de resolver un problema que podes morir elijiendo una, si es que lo terminas antes de que salga una libreria mas actualizada que la que utilizaste con diferente implementacion o aun mas, te toca modificar una app con React por clases y siempre utilizaste functional component, y a eso sumale la inutilidad de complejizar css con jss. lindo combo!

[@enriqueruiz320]

Seee yo al principio estaba muy entusiasmado con React pero después de comparar me gusta más Angular, tome la decisión después de haber utilizado Spring framework en java

[@alfredo.armendariz]

Yo creo que ningúna tecnología es mejor que otra, cada una tiene sus pros y sus contras, todo dependerá del proyecto a desarrollar.

[@jlrc23]

Me gusto este video, mis respetos para nico, es muy bueno!!

[@luxoareztre92]

Extraño este contenido me divertía bastante con los videos de herramientas al ring

[@josesilvat.3898]

Todos los que me rodean a angular pero es verdad que incluso platzi en los empleos más solicitados en el 2020 decia que le apuestan a React Cómo tecnología pujante y pues viendo esto no se, no me decido cual aprender

[@alvaroandresrestrepozuluag1583]

Vue.jd

[@17TheVIP]

Angular

[@josesilvat.3898]

@@alvaroandresrestrepozuluag1583 gracias he escuchado que es muy popular en europa y que su curva de aprendizaje es pequeña, perfecto porque me lo recomendarías para alguien que nunca ha usado un framework?

[@josesilvat.3898]

@@17TheVIP perfecto porque me lo recomendarías para alguien que nunca ha usado un framework?

[@alvaroandresrestrepozuluag1583]

@@josesilvat.3898 Vue es un framework progresivo para construir interfaces de usuario. A diferencia de otros frameworks monolíticos, Vue está diseñado desde el inicio para ser adoptado incrementalmente. La biblioteca principal se enfoca solo en la capa de la vista, y es muy simple de utilizar e integrar con otros proyectos o bibliotecas existentes(Oséa, puedes agregarlo a un proyecto ya creado sin ningun problema, no necesariamente se tiene que empezar el proyecto desde 0 como en otros). Por otro lado, Vue también es perfectamente capaz de soportar aplicaciones más robustas de una sola página (en inglés single-page-application o SPA) cuando se utiliza en combinación con herramientas modernas y librerías compatibles.

[@gustavonavarro8484]

sería bueno que mostraran el resultado de cada uno. Soy desarrollador y bastante escéptico, necesito pruebas jaja

[@DonLucio]

8 años contra 3. Eso influyo bastante

[@ricko13]

Yo llevo como 1 mes trabajando con React y me considero capaz de hacer eso en menos tiempo que Oscar XDDDDDD

[@DonLucio]

@@ricko13 lo mismo pensó el amigo

[@dysenlinea2462]

Un fallo fundamental para el reto es que nadie puede empezar a codificar sin analizar independientemente del lenguaje cual es el mejor camino para obtener el resultado final. Darles 10min en los que ellos se organicen, luego si 20min para la estapa de codificación. Porque codificar es un proceso mecanizado. Nada más. Y no vale levantar la mano sin tener completamente terminado y explicado el proyecto. Bueno es una ideas saludos

[@dysenlinea2462]

Codificar sin analizar es como hablar sin pensar. Da igual que idioma hables antes debes pensar que es lo que vas a trasmitir. La imagen del desarrollador que se pasa por alto el análisis y entra a codificar está bien para una peli de ficción.

[@svenm8813]

Está arreglado. Desde que la chica vendió el curso de Angular al principio del vídeo ya se sabía que iba a "ganar" Angular🤦🏻‍♂️

[@TaylorMosqueraCastro]

chevere el formato de ring, aunque creo que react es una excelente herramienta, también tiene una buena comunidad y en mi experiencia la curva de aprendizaje de react es mas rápida, gano legal Angular sin duda, resolver errores suele tomarnos tiempo y en eso angular fue mejor herramienta

[@andrescoellogoyes]

Ya esperaba este vs

[@erickhilario6217]

Like si quieres la revancha!!!

[@alvaromartin6301]

Me gustan estas secciones. Buena Platzi!

[@Geraldine47880]

¡Los dos son unos duros!

[@eutickdesign1192]

Buen Vídeo, Deberían Crear Más Vídeos Como estos para mantenernos informados, Sobre las Increíbles Habilidades de Cada Framework/Librería. Etc Que se Pueden Implementar en Cada Lenguaje Haciendo más Entendible y Dinámico De usar Sacando le el Mejor Provecho De La Misma.! Saludos Desde Venezuela.

[@nahuel4400]

que locura! Ojalá algún día tenga la habilidad de estos dos xD o al menos cerca

[@nahuel4400]

YA SE HACERLOOOOO!!! obviamente no en 20 minutos pero que locura jajaja cuando comenté esto no tenía idea de lo que veía y estaba muy sorprendido

[@TripleZ3ro]

¿Cual es la api que consumen?

[@omarjunior26]

que fuente usa nicolas???

[@franloppez]

Me pareció genial el vídeo.. Deberían de hacer un reality show jeje sería un éxito

Un reality con retos comunes del desarrollo todos los dias jajaja, Excelente!!!

[@Dieghoatc1]

Uffff excelente reto. Pero no dejaron ver los resultados. Este reto merecía más cubrimiento. Son las herramientas que tienen más competitividad en la actualidad.

[@libroancestral]

Watafack! Que intenso! Jajaja El formato del VS Les quedó de maravilla, gracias!

[@TECNOMUNDOCHANNEL]

Ya quisiera programar como alguno de los dos 😥

[@ZetaNovaWeb]

No es cosa del otro mundo hermano, practicando diario se domina y se programa mucho mas rapido que ellos.

[@deathking2120]

​@@ZetaNovaWeb Mucho mas rápido que ellos no lo creo para eso tendrías que tener mas de 5 años de experiencias en adelante

[@ZetaNovaWeb]

@@deathking2120 Recuerda que solo estan consumiendo una API, Busqueda por tipo y mostrar resultados, con una semana practicando lo hacen. Si tuvieran que montar la api en un servidor crear la db ahi hubiera tomado mas tiempo, eso solo enfocandonos en este reto como tal.

[@MinombreesSergio]

Pues te recuerdo que lo hicieron en 20 minutos, está heavy yo no podría.

[@BHVampireLF]

No solo es el tiempo, sino la calidad, y no mostraron el resultado final, además no mostraron ninguna ventaja, solo palabras vacías.

[@christianramirezdavila2902]

pucha q loco deben hacer esto mas seguido con diferentes tecnologias

[@renzoandrade5018]

Al final del video deberían explicar cómo es que funciona la aplicación del navegador, es decir, probar la búsqueda para ver como se ejecuta

[@alexanderguevara663]

Muy chévere el formato, buen trabajó

[@Paranoia-v8s]

Es que Angular es una bestia.

[@yebv_dev]

love this video! lo vi como quien mira el final de una copa

[@juancisneros5197]

Como me encantan los vídeos de Herramientas al Ring

[@jlgallardov]

En esos 20 minutos apenas y me genero el proyecto y me clono el repositorio, luego mi pc se traba a cada rato.

[@Faradars1]

este es mas un enfrentamiendo de velocidsd y conocimiento de los participantes, porque se puede resolver el poblema usando ambas plataformas, si ponen un experto de angular con 10 años de experiencia en angular le ganara si o si a un experto en reac con 5 años de experiencia y vuceversa

[@raul7254]

Muy bueno esto de herramientas al ring.

[@abelaudiovisualweb]

Ya quiero otro herramientas al ring!

[@tinaamerica6705]

Un piper Async para filtrar los Pokémon y un select. Llama o subscribe y hala todo la Data. Esa prueba es muy sencilla, pero me parece que los hooks de React-Native no funciono mucho!!!! El único problema de Google es que ellos no tienen pena de matar los framworks, hay muchos proyectos que ya están muertos!!

[@salvadorfajardo234]

Excelente video !

[@cristianscript5649]

me gusto el pipe( debounceTime(400) ) que utilizo, el otro tenia error con los props

[@alexhizjimenez260]

cual es el api para los pokemones?, kiero utilizarlo

[@israelguevarayataco2823]

El día a día de un desarrollador poco tiempo y cartas gantt muy apretadas. La chica representa a la PMO jajaja. Excelente reto!! 👍🏻

[@inventorhormiga]

El API, Platzi, tienen el código o de dónde consumieron los servicios? Quiero replicar el reto.

[@gndx]

pokeapi.co

[@dnnsnnz]

Esto si es un civil war xD

[@eliasmercan]

Hola @platzi deberían publicar los procesos al 100% de ambas pruebas

[@decimodanlive]

Yo lo hago en Vue y hacemos un Vue vs Angular o Vue vs React

[@anroswell]

Excelente vídeo, Nicolas Sensei felicidades...

[@rogerurbano8965]

Excelente! más videos versus entre otros lenguajes con nuevos retos quedo espectacular, también sería bueno que verifiquen de una manera rápida el resultado de la app al final

[@victorhuayhuapuma1505]

Sería chévere un angular va vue js los dos si son framework

[@edgardoarriagada9467]

Yo creo que hay que repetir este experimento unas 1000 veces con diferentes personas antes de sacar conclusiones

[@ivans3112]

Buen versus, ahora Angular vs Vue

[@karlozTQ]

Puedo hacerlo igual o en menor tiempo con Vue :)

[@juniorpirela6885]

El ganador es JS

[@alexdevorigin1]

Hasta yo en vue hubiera sacado eso en 10 min no sé porque se complicaron tanto, quizás la presión de un reto

[@Tsukune96AMV]

Uff que batalla tan buena, cheveré ver esos retos eso ayuda al aprendizaje y dominio de la herramienta, ojala con platzi en unos años este a ese nivel

[@hakertube]

el ganador tiene derecho a enfrentarse contra papa vue XD