My opinion on Angular 18 & React 19

Code & Curiosity by Maximilian Schwarzmüller

26 May 202409:46

Summary

TLDREl script destaca las recientes versiones mayores de Angular 18 y React 19, dos de los frameworks de desarrollo web más influyentes. Aunque no alteran completamente la forma de escribir el código, ofrecen mejoras significativas y nuevas funcionalidades. Angular 18 introduce estabilidad y nuevas API de señales, mientras que React 19 presenta mejoras en la calidad de vida y características avanzadas como componentes de servidor y acciones de servidor, aunque su uso está limitado a ciertos proyectos y frameworks como Next.js.

Takeaways

📅 Angular 18 y React 19 son versiones importantes lanzadas cercana la una de la otra, lo cual es inusual.
📈 Angular suele liberar nuevas versiones mayores cada seis meses, mientras que React no tiene un horario fijo.
🔒 Angular 18 introduce estabilidad y mantiene su camino de innovación, marcando características como 'deferrable views' y 'control flow syntax' como estables.
🛠️ React 19 no presenta cambios revolucionarios como los hooks de React, sino mejoras de calidad de vida, como el uso de 'refs' en componentes propios sin 'forward ref'.
📝 React 19 incluye 'form actions', una nueva forma de manejar envíos de formularios integrada.
🚀 Uno de los aspectos más interesantes de React 19 son los componentes del servidor y las acciones del servidor, que requieren un entorno de servidor o tiempo de compilación.
🏢 Los componentes del servidor y las acciones del servidor no están disponibles en todos los proyectos de React, especialmente en proyectos basados en Vite.
🔄 Para usar estas nuevas características de React, se necesita una configuración de proyecto que los soporte, lo cual puede no ser trivial.
🌐 La mayoría de los marcos que soportan estas características son Next.js, aunque otros como Remix eventualmente los adoptarán.
🛠️ El 'use hook' de React 19 permite leer contexto y trabajar con promesas, pero con algunas limitaciones.
🔑 Ambas versiones, React 19 y Angular 18, ofrecen nuevas características sin cambiar la forma en que se escribe el código.
🔮 Aunque las nuevas características pueden ser útiles, su adopción dependerá de la compatibilidad y soporte de las herramientas y marcos existentes.

Q & A

¿Qué significan las nuevas versiones de Angular 18 y React 19 para el desarrollo web front-end?
-Las nuevas versiones de Angular 18 y React 19 representan grandes avances en el desarrollo web front-end, ofreciendo nuevas características y mejoras en la estabilidad sin forzar a los desarrolladores a reescribir su código.
¿Cuál es la frecuencia de lanzamiento de nuevas versiones mayores de Angular?
-Angular suele lanzar una nueva versión mayor cada seis meses.
¿Por qué la versión 19 de React es interesante a pesar de no tener un calendario de lanzamiento fijo?
-La versión 19 de React es interesante porque, a pesar de no tener un calendario fijo, trae mejoras de calidad de vida y nuevas características que pueden ser útiles en proyectos específicos, aunque no son obligatorias.
¿Qué características nuevas se han establecido en Angular 18 como estables?
-En Angular 18, se han establecido como estables la nueva sintaxis de flujo de control y las vistas deferrables.
¿Qué API relacionadas con señales se agregaron en Angular 18?
-Se agregaron nuevas API de señales en Angular 18, aunque estas API ya se habían introducido en versiones menores de Angular 17.
¿Cómo afecta la versión 18 de Angular a los proyectos que aún utilizan versiones antiguas del framework?
-Angular 18 es importante para los proyectos que aún utilizan versiones antiguas, ya que añade nuevas características y mejora la estabilidad, pero también es compatible con versiones anteriores, permitiendo a los desarrolladores no adoptar las nuevas características si no lo desean.
¿Qué mejoras en la calidad de vida se introducen en React 19?
-React 19 introduce mejoras como la capacidad de proporcionar contexto con el objeto de contexto en sí, en lugar de un proveedor anidado, y la posibilidad de usar refs en sus propios componentes sin utilizar forward ref.
¿Qué es una de las nuevas características más interesantes de React 19?
-Una de las características más interesantes de React 19 es la introducción de acciones de formulario, una nueva forma de manejar envíos de formularios integrada en React.
¿Cuáles son las características más destacadas de React 19 que requieren un entorno de servidor?
-Las características más destacadas de React 19 que requieren un entorno de servidor son los componentes de servidor, las acciones de servidor y el nuevo hook 'use'.
¿Qué frameworks y librerías actualmente admiten las nuevas características de React 19?
-En este momento, principalmente Next.js admite las nuevas características de React 19, aunque se espera que otros frameworks como Remix eventualmente también las soporten.
¿Cómo afecta la introducción de React Server Components y Server Actions al desarrollo de aplicaciones full-stack con React y Next.js?
-La introducción de React Server Components y Server Actions en Next.js hace que el desarrollo de aplicaciones full-stack con React sea más atractivo y ofrece nuevas oportunidades para mejorar la eficiencia y la experiencia del usuario.