āđāļĄāđāļŠāļēāļĄāļēāļĢāļāđāļĨāđāļāļ§āļīāļāļĩāđāļāļāļĩāđ
āļāļāļāļ āļąāļĒāđāļāļāļ§āļēāļĄāđāļĄāđāļŠāļ°āļāļ§āļ
Creamos la misma aplicaciÃģn con ReactJS y Angular y te contamos las diferencias
āļāļąāļ
- āđāļāļĒāđāļāļĢāđāđāļĄāļ·āđāļ 20 āļ.āļ. 2024
- ð Conoce nuestras vacantes actuales de tecnologÃa en bit.ly/talento...
En este vÃdeo creamos la misma aplicaciÃģn con Angular y React para contarte las diferencias
Aquà tienes los repositorios:
github.com/Gar...
github.com/Gar...
Si quieres aprender mÃĄs de programaciÃģn, te dejamos por aquà otros Garaje Code Pills que seguro que te gustarÃĄn:
- CRUD con Angular y Firebase (Firestore): âĒ CRUD con Angular y Fir...
- Sube y descarga archivos con Firebase Storage en Angular: âĒ Sube y descarga archiv...
- Taller de Composition API en Vue 3: âĒ Taller de Composition ...
Esta introducciÃģn a Firebase con Angular fue impartida por Mario GirÃģn, Senior Full Stack Developer:
/ mariogironm
Si quieres estar al tanto de todo lo que hacemos, puedes inscribirte aquà ð
garajedeideas....
----------
Garaje de Ideas es un estudio de DiseÃąo, TecnologÃa y Data. En este canal encontrarÃĄs tutoriales, cursos y ejemplos prÃĄcticos paso a paso de desarrollo web y programaciÃģn.
PodrÃĄs encontrar desde cursos de JavaScript, Node.js, D3.js, Vue3, Typescript, HTML, CSS, React... hasta cÃģmo optimizar tu proceso de trabajo.
ConclusiÃģn: Angular es un framework
ContinÚa mi sÃģlida preferencia por Angular, excelente material!
material es horrible. cuando hice un software grande. me fue mal. mejor comprÃĐ kendo para angular
Angular ð
muy chulo angular con su nueva sintaxis y lo que se viene !!!
Seria interesante ver paralelismo con Vue, React y Angular
La comparaciÃģn estuvo sÚper genial
Gracias! Nos alegramos mucho de que nuestro contenido te sirva de ayuda y te guste :)
ConclusiÃģn: Angular es una bestia ðĨ
Es una opciÃģn muy interesante sin duda. Lo bueno es manejar todas sus posibilidades
@@mariogiron Muy interesante y en constante evoluciÃģn, me gusta lo que se ve en el panorama para el framework.
dependiendo el proyecto , cada uno es una bestia
Una de las grandes ventajas de angular es su cli y su sistema de actualizaciones, cuanto mÃĄs te quedes cerca de su core y menos dependencias externas uses, actualizar puede ser cuestiÃģn de minutos. Yo he actualizado aplicaciones de angular 8 a angular 15 en media hora, en otros casos donde usamos mÃĄs librerÃas externas no fue tan sencillo, pero vaya, una maravilla solo por eso
la verdad es que me gustan los tres, vue - Angular - React , son tres bestias 2 frameworks y una librerÃa que si las aprendes muy bien sabrÃĄs cual elegir en cada uno de los proyetos.
SerÃa bueno una comparaciÃģn entre frameworks Angular vs Next
Nos lo anotamos a ver si lo podemos encajar en algÚn vÃdeo. Gracias por el aporte!
â@@GarajedeideasYo quiero esa comparaciÃģn
@@juantriana821 x2
Angular y Next tienen objetivos diferentes y no se pueden comparar directamente, Next es un meta frameworkð. La comparaciÃģn serÃa de Next (react) y Analog (Angular)
El servicio en 12:10, otra forma de inyectar dependencias es en el provider del componente si es standalone o del mÃģdulo.
Muy interesante.
Hubiese sido un momento clave haber enfocado el codigo de angular con signals, ya que se usan literalmente los mismos hooks que en React:
useState = signal | useEffect == effect
De la misma forma, en lugar de tener 3 archivos por "componente", podias haberlos introducido todo dentro del .ts .
Asà se verÃa mas claro que una de las mayores diferencias es que un framework viene con stack por defecto y otro tienes que preparar tu mismo el entorno.
AÚn con todo buen vÃdeo!
Tener todo en un solo archivo, al principio de un proyecto parece cÃģmodo, pero cuando ya se hace muy grande el cÃģdigo y el proyecto, es un asco tener todo en un solo archivo
buena idea esa comparaciÃģn para la gente que viene de angular y quiere usar react y viceversa. gracias
Gracias! Nos alegramos mucho de que nuestro contenido te sirva de ayuda y te guste :)
muy bueno el video pero en lo que fue angular hicieron falta muchas mejoras que se han implementado como selftag, signals, el uso de pipes para manejar observables, los forms tipados y si queria tambien podia usar promise en angular con lastValueFrom, 1 solo archivo si asi lo queria y en apartado de tests angular ya viene configurado para jasmine y jest
Lo bueno es que se puede empezar con una base y luego usar todas las nuevas herramientas para mejorar el desarrollo exponencialmente
3:25 tambiÃĐn en angular se puede utilizar el html y css en el componente .ts
Hubiera estado excelente el uso de signals en angular.
Excelente!. Para el desarrollo movil, puedes hacer una comparaciÃģn entre las dos tecnologias mas usadas?, puede ser entre Flutter y React Native
ÂĄMuy buena explicaciÃģn, muchas gracias!
Gracias a ti! Nos alegramos mucho de que nuestro contenido te sirva de ayuda :)
Un video excepcional que muestra el potencial de ambas tecnologÃas, sin embargo pienso que la comparativa habrÃa estado bastante bien hacerla entre 2 frameworks y no entre 1 framework y 1 librerÃa, lo que quiero decir es que habrÃa estado mejor comparar Angular con NextJS
Gracias por tu comentario y nos alegramos de que te haya gustado el vÃdeo! Tenemos en el radar grabar tambiÃĐn Angular vs Next, asà que todo llegarÃĄ ;)
para mi no hay un mejor framework frontend que Angular, se que con todos se hace lo mismo, pero en estructura, organizaciÃģn, desacoplamiento, es el tipo, y ahora con SSR, le puso la tapa al pomo
Muy buen planteamiento del video. La verdad es que me ha quedado mÃĄs claro React (decir que tengo una base de angular) ððž
ÂĄGracias! Nos alegramos mucho de que nuestro contenido te sirva de ayuda :)
Excelente material! muy buena comparativa ð. Y por los que dicen que no se pueden usar clases en React, tranquilo, se entiende perfectamente que no estÃĄs usando clases para los componentes (que fue lo que react desaconsejÃģ), pero que tranquilamente puedes usar las clases que quieras a nivel de servicios, utils y demÃĄs.
Gracias por tu comentario y tu feedback, Manuel! Nos alegramos mucho de que te guste nuestro contenido :)
Excelente explicaciÃģn...
Gracias! Nos alegramos mucho de que nuestro contenido te sirva de ayuda :)
Angular muestra su solidez.
Manejo los 2, pero la verdad Angular me gusta mas.
Like por los dos incluso para vue que buenos 3 frameworks nos han dado la verdad, no me gusta solid
puedes hacer uno de angular vs blazor
No controlo Blazor, pero seguro que es interesante salirse por una vez del stack JS
Hola! Por aquà un dev ha hecho el proyecto en Blazor, por si quieres echarle un ojo al repo: github.com/harveytriana/CodePills-Blazor-CRMEmpleados
Este ejemplo no es suficiente para hacer una diferencia consistente entre angular y react, lo que mas nos darÃa una idea importante es la implementaciÃģn del manejo de estado en react redux es mÃĄs complejo que al desarrollarlo en angular, ya que este cuenta con diferentes features o clases para el estado global de la app, lo cuÃĄn resulta mÃĄs manejable y escalable en proyectos grandes ya que react se necesitan mÃĄs archivos y esto puede crear un desorden y perder legibilidad incluso mÃĄs tiempo al
Implementar.
Pero... Redux es una sola forma, ya antigua, de manejar los estados, por quÃĐ habrÃa de compararlo con Redux?
@@paulomirandaarias9544 me refiero a la implementaciÃģn de estado dentro de la app puede ser redux u otro (sigue siendo la mÃĄs ocupada para react) lo cual hace que el proyecto se vuelva engorroso y complejo y ahà esta la diferencia con angular mucho mÃĄs legible y escalable.
Like por Angular
excelente video
Gracias! Nos alegramos mucho de que nuestro contenido te sirva de ayuda y te guste :)
Me encanta la programaciÃģn funcional con React y la capacidad de generar tus propias arquitecturas a pico y pala. Angular estÃĄ muy chulo, pero demasiado estricto, declarativo y enfocado a OOP para mi gusto...
Cuando trabajes en equipos grandes, sabrÃĄs porque hay que ser estrictos a la hora de escribir cÃģdigo.
SÃ, he trabajo en equipos muy grandes, y entiendo la utilidad de la estructura que te da Angular, simplemente digo que para mà la programaciÃģn es una forma de vida y una actividad creativa, no sÃģlo una herramienta, y en ese sentido, con React disfruto mucho mÃĄs, porque tengo que pensar mucho mÃĄs para crear arquitecturas desde 0 lo mÃĄs eficientes posibles, y yo decido quÃĐ lineas de JS exactas se ejecutan en cada momento ð
â@@marcossalvo7503crÃĐeme que con tanta librerÃa externa que debes usar en React no tienes idea de que estÃĄs ejecutando... Al final es lo mismo en uno que en otro, el control es una ilusiÃģn que solo lleva al desorden. Mantener y migrar proyectos de React es un asco... Sobretodo cuando una librerÃa externa que algÚn dev genio se le ocurriÃģ usar se depreca.
Metale next.js 14
React necesita un Framework
Mucho mÃĄs simple react una vez q. Se tienen las librerÃas instaladas
Es cuestiÃģn de experiencia. Los dos tienen cosas buenas y malas. Depende del proyecto, se le puede sacar mÃĄs partido a uno u a otro
Angular me da de comer y pago mi departamento; React esta bien gracias xD
Sin lugar a dudas angular tiene muchas cosas ya integradas en una arquitectura solida, pero su performance aÚn tiene que mejorar.
Angular > React. Sin embargo, en la mayorÃa de empresas trabajan con React. Una paradoja.
Creo que debÃas usar nextjs el cual es el framework de react para hacer una comparaciÃģn justa.
TambiÃĐn lo tenemos: th-cam.com/video/4MTY884xR0I/w-d-xo.html ;)
Nada de lo que aporta Next JS lo uso en Angular (que tambien tiene features parecidas o iguales) en este video, y tampoco uso nada de lo novedoso de Angular, asi que la comparativa es justa porque tampoco usÃģ React puro si no con librerÃas externas para comparar solo esas features basicas como fetching de datos, templates y un poco del ciclo de vida de los componentes. Es una comparaciÃģn bÃĄsica y justa. Pero la comparativa con Next JS estarÃa muy interesante para que enfrente las features como signals vs useState, router de Angular vs File Routing de Next; SSR, SSG de Angular vs SSR, SSG de Next JS; estrategias de caching, performance, comparativa para desarrollo fullstack de ambos. Eso no solo seria justo si no un poco mÃĄs complejo e interesante.
@@emilzonjeronimo8898 React 19 se habla de que incorporarÃĄ signals
Angular sin didarlo.
Vue dÃģnde queda?
En australia :V pero con ingles
La sintaxis de angular es mas legible y para cambiar los valores de las variables es mucho mas sencillo
Me gustan los videos asÃ, pero siento que hace falta mostrarnos las comparativas en cuanto a peso de la aplicaciÃģn y velocidad de carga.
Gracias por tu comentario, Juan. Le daremos una vuelta y a ver si es posible incluirlo en los siguientes vÃdeos :)
Gracias
Gracias a ti! Nos alegramos mucho de que nuestro contenido te sirva de ayuda :)
Angular = bloated, react = pobre... sigo con vue. MuchÃsimas gracias por el vÃdeo!
Gracias por tu comment! Nos alegramos mucho de que nuestro contenido te sirva de ayuda y te guste :)
falta los signals de angular mas simplificado :D
Hola! Tenemos varios vÃdeos de Signals en la playlist de Angular, por si los quieres ver: th-cam.com/video/t_YSrxj0wGY/w-d-xo.html
conozco a muchos que se pasaron de ReactJS a Angular. y simplemente dicen. "WOW ya estoy enamorado de Angular"
Angular forever :P nah, dependiendo de las necesidades del proyecto puede cuadrar mÃĄs uno u otro
Angular estÃĄ muy completo pero asà mismo pesara en tanto react al ser "modular" su peso serÃĄ menor,
En principio, cuando construyes la aplicaciÃģn de Angular, Únicamente se incluyen los mÃģdulos que estÃĐs utilizando
En lo personal me encuentro casado con Angular (Desde la versiÃģn 9 hasta la actual versiÃģn 18). Team Angular âðĪ
Angular papus!!
Angular es mucho mÃĄs elegante
El resumen del video: angular lo tiene, react no, necesitas librerias o workarounds xd
Angular hasta la muerte
La diferencia es que React es una libreria y Angular es un framework, en todo caso mejor comparar Next con Angular
â@@cristian_developerSi Next le pasa muy por encima a Angular ð
No es cuestiÃģn quizÃĄ de determinar cuÃĄl es mejor o cuÃĄl peor. Cada uno tiene sus pros y sus contras y depende del proyecto y de la experiencia del desarrollador decantarse por uno o por otro
Y aÚn con librerÃas el cÃģdigo de React se ve mÃĄs simple que Angular
Like por React
ConclusiÃģn, penal para Argentina!.
Nunca hay que confiar en una libreria externa, por eso Angular es el mejor camino en el frontend.
Hay librerÃas sÚper establecidas. Por esa misma norma no podrÃamos confiar en ningÚn tipo de cÃģdigo que no estuviese generado por nosotros mismos
@@mariogiron las que todos combinan con react no son establecidas, solo son famosas, si se produce un cambio de paradigma van a quedar abandonadas o con poco mantenimiento como jQuery. Incluso el propio facebook e instagram no usan el mismo react que nosotros usamos y ademas lo combinan con herramientas que nosotros no podemos tener. Por eso hay que elegir un framework ya que es una gran inversion de los creadores, es muy dificil que queden obsoletos, mira .Net, Angular, Spring etc.. existen hace decadas y se van adaptando a cada cambio. Cuando usas angular practicamente no necesitas ninguna libreria externa.
Aqui el team React!
Creo que ignoraste varias cosas de react en vez de clases ahora son hooks, creo que la comparativa no fue adecuada.
No he hablado de clases en ningÚn momento para React. Los componentes se crean a travÃĐs de funciones, como se ve en el vÃdeo y se usan hooks para ciertas funcionalidades como useState, useEffect o incluso hooks externos como useForm
claramente el de la derecha es react:
"export default class EmpleadosService", eso claramente es una clase, los hooks pueden reemplazar las clases completamente.
â@@mariogironpara algo existen los custom hooks, dices que no y en el video claramente usaste una clase para un servicio, por eso se que no aplicaste 100% el conocimiento en react moderno.
@@sebastianestrada1311 eso es un servicio, una clase totalmente justificada para manejar las peticiones externas. TÚ prefieres hacer hooks para todo? Perfecto, son diferentes formas de trabajar, pero no hay una verdad absoluta sobre cÃģmo generamos arquitecturas para nuestras aplicaciones
@@sebastianestrada1311 ok. Un saludo
Que horrible es angular, ademÃĄs vives con el miedo que google lo abandone
La prÃģxima versiÃģn de ANGULAR es la fusiÃģn/integraciÃģn con WIZ otro Framework interno que usa GOOGLE en la mayorÃa de sus plataformas, la intenciÃģn de Google va por usarlo en todos sus productos para darle mÃĄs firmeza de la que tiene. Afirmo que ANGULAR irÃĄ mÃĄs sÃģlido a partir de eso
Un framework que lo vienen actualizando cada 6 meses y que en su Última actualizaciÃģn se fijaron para dentro de 10 aÃąos con angular y dices que viven con el miedo de que Google lo abandone? CuÃĄnta incoherencia en tu comentario
@@sergioandresjaimespimiento6953 mira el cementerio de google entonces pibe
No se que haces usando clases en react a estas alturas
No has visto el vÃdeo bien
â@@mariogironcreaste un servicio para hacer un fetch en react con una clase.
Los hooks hicieron de React un delicioso plato de spaghetti...