Novedades en Ext JS 8.0
Desbloquea un Conjunto de Actualizaciones Modernas y Nuevas Capacidades sin Problemas
Ext JS 8.0 introduce un amplio conjunto de mejoras y nuevas capacidades tanto en el Modern Toolkit como en el Classic Toolkit, con un fuerte enfoque en la continuidad de la plataforma, modernización, accesibilidad, medios enriquecidos y rendimiento de las cuadrículas (grids).
Nuestro Compromiso con las Actualizaciones sin Problemas
Ext JS 8.0 no debe verse como una versión disruptiva. Una versión mayor no indica cambios drásticos que rompan la compatibilidad ni requiere reescrituras de la aplicación. Nuestro versionado refleja un modelo de evolución continua:
- 7.1 → 7.9: mejoras incrementales.
- 8.0 → 8.9 → 9.x: evolución continua con una ruta de actualización clara.
La compatibilidad con versiones anteriores sigue siendo una prioridad. Ext JS 8.0 está diseñado para admitir actualizaciones sencillas para aplicaciones existentes, que generalmente requieren solo ajustes limitados cuando sea necesario. Los lanzamientos principales representan hitos importantes del producto, no un reinicio de tu código base. Esta versión ofrece avances significativos en accesibilidad, componentes de medios enriquecidos y rendimiento de cuadrículas, fortaleciendo aún más a Ext JS como plataforma para el desarrollo de aplicaciones empresariales. En esta descripción general, destacamos las adiciones y mejoras clave introducidas en Ext JS 8.0.
Desbloquea un Soporte más Amplio de ECMAScript
Sencha Cmd y ExtGen 8.0.0 amplían el soporte de ECMAScript hasta ES2025, permitiendo a los equipos adoptar características modernas de JavaScript como let, const y funciones flecha de manera más amplia dentro de las aplicaciones Ext JS.
Las mejoras del compilador, incluida la actualización del análisis de Closure Compiler, mejoran la alineación con los estándares actuales de JavaScript y contribuyen a compilaciones más confiables. Estas actualizaciones ayudan a los equipos a modernizar las bases de código de manera más eficiente, reducir la dependencia de los polyfills, minimizar el código repetitivo (boilerplate) y respaldar una arquitectura de aplicación a largo plazo más limpia.
Consulta la documentación del transpilador de lenguaje para obtener más detalles.
Panel de Firma Digital Responsivo
Un componente adicional completamente nuevo para una captura de firmas fluida y responsiva ya está disponible para ambos toolkits. Construido ampliando los componentes nativos de Ext JS, el Panel de Firma (Signature Pad) se integra a la perfección con contenedores Grid, Form o Panel y es totalmente compatible con las configuraciones, eventos, métodos, propiedades y temas de Ext JS a través de variables y mixins.
El componente incluye un rico conjunto de características: funcionalidad Deshacer/Rehacer, acción de Limpiar, Ancho y Tamaño de Pluma configurables, selección de Color de Fondo, Selector de Color y múltiples formatos de exportación que incluyen JPG, PNG y SVG. Los marcadores de posición de Vista Previa, Título y Firma completan la experiencia.
También hemos descrito los pasos para actualizar por tu cuenta la biblioteca del Panel de Firma para acceder a las últimas características y asegurar actualizaciones futuras más fluidas.
Lector y Generador de Códigos QR
Ext JS introduce un potente componente de Lector y Generador de Códigos QR disponible para los toolkits Modern y Classic. Este componente permite a los desarrolladores generar y leer fácilmente códigos QR directamente dentro de sus aplicaciones, admitiendo una variedad de casos de uso como pagos, intercambio de datos, intercambio de contactos y más.
El componente expone una API completa para generar y leer códigos QR con soporte para URLs, texto, VCARD/MeCard, eventos de calendario, geolocalización, teléfono y SMS, correo electrónico, configuraciones de Wi-Fi y datos de pago. Las opciones de renderizado incluyen SVG, Canvas y PNG, con la capacidad de descargar como imagen, copiar datos al portapapeles y previsualizar antes de guardar.
Las opciones de personalización permiten colores de primer plano y fondo personalizados, control de tamaño flexible, interfaz de usuario responsiva para escritorio y móvil, y limpieza de entradas (sanitization) para mayor seguridad.
Renderizador en Búfer con Almacenamiento en Búfer Horizontal
El Modern toolkit ahora incluye un renderizado de cuadrícula mejorado con virtualización de columnas para grandes conjuntos de datos. Esta mejora renderiza solo las celdas visibles más una zona de búfer configurable, aumentando en gran medida el rendimiento para cuadrículas con más de 1000 columnas.
El renderizado de columnas en búfer funciona perfectamente con el bloqueo de filas y columnas, agrupación, filtrado, edición, funciones de accesibilidad, soporte RTL y todos los temas. Un desplazador (scroller) mejorado maneja cuadrículas muy anchas de manera eficiente.
Nuevo Plugin de Cuadrícula Bloqueable para Modern Toolkit
Estamos introduciendo un nuevo plugin de Cuadrícula Bloqueable para el Modern toolkit que proporciona una funcionalidad completa de cuadrícula bloqueable. Este plugin está diseñado para ser simple de usar, fácil de configurar y admite personalizaciones flexibles.
El plugin implementa el comportamiento de bloqueo y desbloqueo de columnas de forma nativa en el Modern Grid, con desplazamiento horizontal y vertical sincronizado entre las regiones bloqueadas y normales. Mantiene una compatibilidad total de características con modelos de selección, edición de celdas, resúmenes y otras capacidades de la cuadrícula.
Soporte de Font Awesome 7
Ext JS 8.0 ahora se envía con Font Awesome 7.x como el conjunto de iconos predeterminado para los toolkits Modern y Classic. El framework ahora se alinea con la hoja de trucos del sitio web oficial de FA7 para un uso coherente, y nuestra documentación incluye una guía completa para los desarrolladores sobre cómo aprovechar el nuevo conjunto de iconos de manera eficaz.
Control de Límites de Diálogo
Ext.Dialog ahora admite operaciones de maximizar, minimizar y arrastrar que son conscientes de los límites. Los cuadros de diálogo ahora pueden respetar los límites de su contenedor o panel principal en lugar de tomar por defecto toda la ventana gráfica.
Se ha añadido un nuevo valor owner tanto a la configuración constrainDrag como a maximizable, permitiendo a los desarrolladores restringir el comportamiento del diálogo a los límites de su componente propietario. Aunque los diálogos son flotantes, respetan adecuadamente los límites del contenedor principal cuando se maximizan, minimizan o arrastran.
Accesibilidad: Soporte ARIA para Campos
El Modern toolkit ahora incluye soporte completo de ARIA para campos de formulario y disparadores (triggers). Se aplican propiedades y roles ARIA adecuados durante el renderizado, garantizando la compatibilidad con lectores de pantalla, incluidos JAWS, Narrator, TalkBack y VoiceOver.
Esta mejora es parte de nuestro compromiso continuo para hacer que las aplicaciones de Ext JS sean accesibles para todos los usuarios.
Casilla de Verificación de Tres Estados para TreePanel
Las casillas de verificación de TreePanel en el Classic toolkit ahora admiten el comportamiento de tres estados: marcado, desmarcado e indeterminado. Los nodos padres reflejan automáticamente el estado colectivo de sus hijos, coincidiendo con los patrones de Material Design y las expectativas de accesibilidad.
Habilitar esta función requiere un esfuerzo mínimo del desarrollador: simplemente establece enableTri: true en tu configuración, sin necesidad de realizar cambios en los eventos.
ReExt 1.2
ReExt proporciona un puente entre React y el potente framework Ext JS, lo que permite a los desarrolladores aprovechar la extensa biblioteca de Ext JS de más de 140 componentes de interfaz de usuario para ayudar a los usuarios a crear aplicaciones web robustas y de alto rendimiento. Estos incluyen una potente cuadrícula de datos, árboles, gráficos, calendarios, D3 y más. ¡ReExt 1.2 ahora admite a la perfección la última versión 8.0 de Ext JS!
Soporte de Versiones
Se proporcionó soporte para Ext JS 8.0 en Sencha Upgrade Advisor v8.0, Sencha Architect v4.3.8, Sencha Themer v1.4.6, ReExt 1.2.0 y Rapid Ext JS 1.2.0. Visita el Portal de Soporte y descarga las últimas versiones.
Resumen
Como se detalla anteriormente, Ext JS 8.0 introduce varias características nuevas y mejoras significativas, y hay aún más por explorar. Asegúrate de revisar nuestros registros de cambios del producto para ver una lista completa de actualizaciones. Como siempre, agradecemos tus comentarios: desempeñan un papel clave para ayudarnos a mejorar continuamente nuestros productos.
Ve la documentación del registro de cambios aquí:
¿Listo para echar un vistazo a la documentación de Ext JS 8.0?
Para obtener detalles completos sobre esta versión, consulta el registro de cambios y la guía de Novedades. Estamos trabajando duro para servir mejor a nuestra comunidad en todas las áreas. Por favor, prueba nuestro nuevo Ext JS 8.0:
Descarga la prueba gratuita de 30 días de Ext JS
Echa un vistazo al Centro de Recursos actualizado
Asegúrate de seguirnos en Twitter y en nuestro canal de YouTube para recibir actualizaciones. Hasta la próxima, construyamos grandes aplicaciones y feliz programación.
¿Buscando actualizar a la versión 8.0?
La herramienta gratuita Ext JS Upgrade Adviser ayuda a identificar los cambios de código requeridos para migrar a la última versión de Ext JS. ¡Pruébala!
Únete al Servidor de Discord de Sencha
¿Estás buscando interactuar con la comunidad? ¿Quieres ayudar, aprender y compartir con muchos expertos en Ext JS? ¡Únete al Servidor de Discord de Sencha ahora gratis y sé parte de nuestra comunidad!
- Los Sencha MVPs están ahí.
- Los desarrolladores de Sencha están ahí.
- Expande el conocimiento de los productos Sencha.
- Participación y contribuciones de la comunidad.
Y más...
.png)
Comentarios
Publicar un comentario