Next.js recibe un lavado de cara antes del lanzamiento de v13 el próximo mes

El popular marco de desarrollo web de código abierto Next.js celebra su sexto aniversario y una muy esperada versión 13.

Preparándose para esto, Vercel anunció hoy el lanzamiento de Next.js versión 12.3. Esta es la última actualización antes del lanzamiento de la versión 13.

"Next.js es una de las bibliotecas y herramientas de JavaScript de más rápido crecimiento para la creación en la web", dijo Lydia Hallie, jefa de desarrolladores de Vercel, una interfaz de plataforma para desarrolladores y creadora de Next.js.

"Ha ganado popularidad al adoptar las herramientas que eligen los desarrolladores (React, Node.js), lo que facilita la configuración y creación rápida de una aplicación web y permite que los equipos de desarrollo iteren más rápido".

ganar popularidad

Next.js, lanzado en 2016, es un marco de desarrollo web de código abierto popular creado por Vercel y utilizado por aproximadamente el 40 % de los desarrolladores. Un marco de React creado sobre el tiempo de ejecución de JavaScript de Node.js, que permite a los desarrolladores crear aplicaciones web de alto rendimiento y sitios web estáticos rápidos.

Los desarrolladores lo eligen por su seguridad, adaptabilidad, optimización de motores de búsqueda (SEO) y experiencia general, según Devin Dickerson, analista principal de Forrester. “Next.js está ganando popularidad entre los desarrolladores de React principalmente debido a su experiencia de desarrollo mejorada y simplificada”, dijo.

Según una encuesta reciente, es el cuarto marco más popular en términos de uso y satisfacción, detrás de React, Express y jQuery.

Mejora

Next.js 12.3 presenta nuevas funciones y actualizaciones:

Función de actualización rápida mejorada

Next.js Fast Refresh brinda a los desarrolladores comentarios instantáneos sobre los cambios que realizan en las aplicaciones. Vercel ha ampliado las capacidades de actualización rápida mediante la recarga en caliente de archivos .env, .jsconfig y .tsconfig.

"Aunque los desarrolladores antes tenían que reiniciar su servidor de desarrollo para ver los cambios en estos archivos cruciales reflejados en su aplicación, ahora pueden ver los cambios al instante", dijo Hallie.

Instalación automática de TypeScript

Next.js ahora configura e instala automáticamente las dependencias necesarias para admitir TypeScript. Anteriormente, agregar TypeScript a proyectos existentes requería instalar manualmente las dependencias necesarias.

Nuevos componentes de imagen

Next.js 12.2 introdujo un nuevo componente de imagen experimental que permite a los usuarios personalizar fácilmente las imágenes y mejorar su rendimiento. Este componente ahora es estable en Next.js 12.3 y Vercel ha realizado mejoras que simplifican aún más el proceso y amplían la compatibilidad con marcadores de posición difusos. También mejoraron la accesibilidad al requerir el atributo "alt" (que proporciona información alternativa para una imagen si un usuario no puede verla).

Además, los desarrolladores ahora pueden usar la coincidencia de comodines para especificar dominios cuando trabajan con imágenes externas. Como explicó Hallie, esto significa que en lugar de tener que proporcionar todos los dominios y subdominios exactos para obtener las imágenes, los desarrolladores pueden configurar una plantilla con el protocolo y el nombre de host esperados. Esta función permite la recuperación remota de imágenes de una "manera más poderosa y flexible", dijo.

Además, Next.js 12.3 presenta una versión estable del minificador SWC, que se implementó por primera vez en la versión 12 como una característica experimental.

"Las versiones estables del componente de imagen y el compilador SWC facilitarán a los desarrolladores la migración de su aplicación y la actualización a la nueva versión de Next.js", dijo Hallie.

"Cambio Radical" en Arquitectura

El lanzamiento también incluye actualizaciones del enrutador Next.js y diseños basados ​​en su solicitud de comentarios (RFC) de diseños reciente. Las próximas características incluirán:

Grupos de enrutamiento Estados de carga instantánea Manejo de errores Modelos Interceptar rutas, rutas paralelas y rutas condicionales

Además, Vercel planea agregar soporte para importaciones globales de CSS en el directorio de la aplicación. Esto permitiría a los desarrolladores usar paquetes que importan sus propios archivos .css sin necesidad de configuración adicional, explicó Hallie.

Como ella dijo, el nuevo sistema de enrutamiento cubierto por el RFC "cambiará drásticamente" la forma en que los desarrolladores diseñan sus aplicaciones Next.js.

espacio para el crecimiento

Hallie señaló que el aumento...