La última actualización del marco React de Vercel para crear aplicaciones web también presenta un paquete basado en Rust «extremadamente rápido» llamado Turbopack.

Next.js 13, la última versión del marco React de Vercel para crear aplicaciones web , agrega una versión preliminar de un paquete más rápido, así como un enfoque rediseñado para la representación, el enrutamiento, los diseños y la obtención de datos del servidor.

Con Next.js 13, presentado el 25 de octubre, el paquete Turbopack, escrito en Rust y aún en una etapa alfa de desarrollo, se posiciona como sucesor de Webpack. Turbopack es un sistema de compilación para JavaScript y TypeScript que está diseñado para compilaciones incrementales, ya que ofrece una mayor velocidad y una mejor arquitectura. Turbopack es 700 veces más rápido que Webpack cuando se trabaja con aplicaciones grandes, dijo Vercel.

Next.js 13 también cuenta con una versión beta de app/Directory, una mejora del sistema de enrutamiento basado en el sistema de archivos del marco que pretende facilitar el diseño de interfaces complejas y el mantenimiento del estado en las navegaciones, al tiempo que evita costosas repeticiones. Los diseños se pueden definir a través del sistema de archivos. Además, app/Directory proporciona una forma de obtener datos construidos sobre React Suspense para la obtención de datos, e introduce soporte para la arquitectura de React Server Component.

Los componentes del servidor React proporcionan una forma de definir componentes que pueden tener requisitos de datos adjuntos y, de forma predeterminada, no tienen impacto en el cliente. Esto mejora el rendimiento, particularmente para las aplicaciones móviles, dijo el presidente ejecutivo de Vercel, Guillermo Rauch.

También en Next.js 13:

• Un nuevo sistema de fuentes optimiza automáticamente las fuentes, incluidas las fuentes personalizadas, y elimina las solicitudes de redes externas para mejorar el rendimiento y la privacidad. El sistema de fuentes también tiene alojamiento propio incorporado de cualquier archivo de fuente y un cambio de diseño cero que utiliza automáticamente la propiedad de ajuste de tamaño de CSS.
• Se introduce un componente de imagen para mostrar imágenes sin cambio de diseño. El componente optimiza el archivo bajo demanda para un mejor rendimiento y permite el envío de menos JavaScript del lado del cliente.
• @vercel/ogSe ha creado una biblioteca, , para trabajar con Next.js para crear tarjetas sociales, que son imágenes gráficas abiertas.
• La versión mínima de React pasó de 17.0.2 a 18.20, mientras que la versión mínima de Node.js ahora es 14.0.0.

Aunque Next.js podría verse como un competidor del marco web Angular de Google , Next.js, no obstante, tiene un defensor en Google: Kelsey Hightower, ingeniera distinguida de Google y asesora técnica de Vercel, que participó en la conferencia Next.js Conf 22 de esta semana. en San Francisco.

«La mayor diferencia que he visto entre los dos es que Next.js en realidad llama a ese problema de cálculo en niveles», dijo Hightower. Si bien muchos marcos front-end están diseñados para lo que se puede hacer en el lado del cliente, Next.js proporciona un componente CDN (red de entrega de contenido); el cálculo se puede ejecutar en la CDN, una capa debajo del navegador.  

Pero Hightower no estaba listo para declarar que Next.js era totalmente superior a Angular. “Es como decir, ¿iOS es mejor que Android? Puedes intentar hacer esa comparación.