Infragistics Ultimate Roadmap 2021 H1

Con el lanzamiento de Ultimate 21.1 a la vuelta de la esquina, quería publicar una actualización sobre nuestros objetivos para el resto del año para que puedas planificar los próximos 12 meses de tus propios proyectos.

Aquí hay un desglose de este blog:

Nuestro pensamiento sigue siendo el mismo a medida que construimos controles y componentes en las plataformas que le ofrecemos. Pensamos en ellos en términos de categorías de productos más amplias y cómo funcionan en las herramientas que se utilizan para crear software con lo que enviamos.

Se están produciendo muchas innovaciones en el desarrollo de la interfaz de usuario del cliente. Además de los marcos web modernos como Angular y React, ahora debería considerar el uso de Web Components como una forma libre de dependencias para preparar sus proyectos para el futuro. Microsoft está volviendo a atraer el mercado de desarrolladores a lo grande con Blazor, Win UI y todas las cosas buenas que suceden con Fluent UI.  Existen alternativas como Uno Framework, que ofrece un marco multiplataforma completo, en algunos aspectos más avanzado que Xamarin y futuro M.A.U.I de Microsoft dirigido a interfaces de usuario multiaplicación nativas y móviles.

Esta imagen desglosa cómo vemos esta categorización y nuestras áreas de inversión.

Estamos llegando a los marcos principales en Ultimate como Window Forms, WPF, .NET Core, así como a los marcos web modernos en Blazor, Angular, React y Web Components. La innovación está ocurriendo rápidamente en Indigo.Design, con el nuevo App Builder que puede acelerar radicalmente el diseño y el desarrollo de su aplicación.

2021 de un vistazo

Hay muchos detalles en este blog, si tiene prisa y solo quiere ver el alto nivel, esta imagen describe lo que puede esperar en 2021 en su suscripción Ultimate.

Tenemos una gran cantidad de software que se envía a través de muchos marcos. Es importante tener en cuenta que todavía estamos insertando versiones en Windows Forms y WPF. Si bien se ha ralentizado un poco, todavía hay actualizaciones y nuevas funciones.  Recibo muchas preguntas sobre nuestra inversión aquí, y es importante mantenerse actualizado con las últimas versiones por estas razones:

• Nuevas características / Características actualizadas
• Bug Fixes / Security Updates
• Mantenerse al día con la versión más reciente de .NET Framework
• Mantenerse al día con la versión más reciente de Visual Studio

Microsoft es agresivo con las actualizaciones de .NET y Visual Studio.  Como saben, con el lanzamiento de .NET Core en 2020, cambiaron todo el tiempo de diseño en Visual Studio, lo que rompió todos los ^{controles de terceros}. Si tu suscripción no está actualizada, no recibirás esas actualizaciones.

Esta es una vista de la línea de tiempo de los lanzamientos.  Tenga en cuenta que, en su mayor parte, lanzamos mensualmente muchos productos, con correcciones de errores y pequeñas actualizaciones. Esté atento a NPM y NuGet para conocer las compilaciones más recientes.

Note:

• Las versiones marcadas como Web incluyen todas las Ignite UI plataformas para React, Web Components Blazor.
• La versión definitiva del producto incluye todas las plataformas web, WPF, Windows Forms y Indigo.Design.

Web Platform Strategy

Para entender la hoja de ruta y cómo se relacionan las funciones, permítanme explicarles cómo nuestros equipos diseñan y diseñan estas plataformas.

La estrategia general para la entrega de productos web es garantizar lo mejor de su clase en la plataforma deseada. Si está construyendo sobre Angular, estamos trayendo el mejor producto de Angular al mercado para el marco Angular. Lo mismo con React, Web Components y Blazor. Por ejemplo, no estamos creando envoltorios para darle la fachada sobre los controles genéricos de JavaScript con ayudantes de jQuery enterrados profundamente en el código para hacerle creer que está usando Angular. Construimos componentes Angular Material y trabajamos con el equipo de Angular en la interfaz de usuario de Material y la CLI. Lo hacemos bien la primera vez. Blazor es otra gran historia, el enfoque que adoptamos y que describo a continuación es examinado por el equipo de Blazor de Microsoft como el enfoque más óptimo. No trataremos de sorprenderlo con razones por las que *nosotros* pensamos que nuestro enfoque es el mejor, simplemente le preguntamos a las personas que construyeron el marco, ¡y dieron el visto bueno!

Para que te hagas una idea de cuál es el desglose del código base / API por producto en Ignite UI, echa un vistazo a este gráfico:

Los productos Web Components, React y Blazor parten de C# y traducimos el código a TypeScript. Esto nos proporciona una API de componentes web pura y sin dependencias, que utilizamos como base para lo que finalmente se representa como HTML / JavaScript en el navegador.

Esto ofrece la experiencia Blazor más óptima, en términos de productividad del desarrollador y rendimiento de renderizado / interacciones en el navegador. Para demostrarlo... Basta con echar un vistazo a nuestras demostraciones de Blazor grid: no hacemos muestras de "paginación" como todos los demás, de hecho, ni siquiera incorporamos la paginación en la cuadrícula.  No lo necesitamos.  El rendimiento de nuestra red, y con carga local y remota bajo demanda, supera con creces todo lo que encontrará en el mercado hoy en día.  Si desea una página, tenemos una muestra con una, pero debe escribir unas pocas líneas de código para obtenerla.

jQuery es la base de los productos ASP.NET Core y ASP.NET MVC.  Todavía se usa ampliamente y todavía estamos invirtiendo en estos productos para asegurarnos de que sean modernos y estén actualizados.

Ignite UI for Angular se basa en Angular y Material. No hay nada entre nuestra API y el marco Angular. Hasta la fecha, hemos visto la mayor aceptación de Angular en los equipos empresariales, y seguimos invirtiendo significativamente en componentes Angular.

Sin embargo, en el futuro, cualquier nuevo control que enviemos en todas las plataformas web modernas se creará como Web Components libre de dependencias (como el nuevo DockManager que lanzamos en Angular 9.1). Esto es realmente importante y no se puede subestimar: esto le brinda un kit de herramientas de control de interfaz de usuario a prueba de futuro, así como un rendimiento súper optimizado en el cliente.  Esto no significa que los nuevos controles no funcionarán como un Angular nativo, React, componente web, Blazor, etc., significa que cada producto se basará en una base de estándares web, lo que lo aislará de los problemas del marco en el futuro.

2021 H2 In-Depth

El resto de este blog dará un poco más de detalle sobre lo que enviaremos para que pueda planificar y darnos su opinión sobre la hoja de ruta. Todo lo que entregamos se basa en lo que pides, así que avísame si hay algo que esperabas pero no ves.

El futuro de la Web está Web Components

Hemos enviado mucho valor en los últimos 12 meses desde el lanzamiento oficial de Blazor y antes de eso React y Web Components.  De cara al futuro, tenemos una estrategia que empieza a ampliar el número de controles de interfaz de usuario que enviamos con estos productos. Siguiendo con una estrategia que promueve la reutilización y lo protege para el futuro de estar aislado en un marco, estamos comenzando a refactorizar una gran parte de los controles y componentes de Angular actuales a Web Components nativos. Web Components son un estándar web, funcionan en todos los navegadores y no dependen de un marco de terceros, están libres^​ de dependencias. Web Components solo necesita un navegador para funcionar correctamente.

Con esta estrategia, obtendrá el mismo número y tipos de controles en todas las plataformas web modernas que están actualmente en Ignite UI for Angular hoy, y en el futuro, todo estará sincronizado en todos los marcos.

Nos aseguraremos de que cada componente web incluya enlaces para cada marco y esté optimizado para escenarios de alto volumen y alto rendimiento.

Es importante tener en cuenta:

• ​No estamos refactorizando la cuadrícula Ignite UI for Angular, la cuadrícula jerárquica o la cuadrícula de árbol. Una cuadrícula de datos es un control único que se beneficia de las capacidades por plataforma / marco.
• Ya enviamos una tonelada de Web Components a través de nuestros modernos productos web SPA. Dock Manager, todos los gráficos (Categoría, Gráfico de datos, Gráfico circular, Mapa de árbol, además de 60 tipos de gráficos más), Mapa geoespacial, Gráfico financiero, Hoja de cálculo de Excel y Biblioteca de Excel que ve en Ignite UI for Angular están Web Components.

Su productividad es nuestra prioridad

Iba a decir "Todos los caminos pasan por Indigo.Design" pero quiero destacar que nuestra prioridad es tu productividad. Los controles y componentes de la interfaz de usuario son fundamentales para las necesidades de creación de aplicaciones.  Sin embargo, se le pide que entregue más funciones y más aplicaciones más rápido que nunca.

Con nuestra estrategia para ofrecer los mismos controles de interfaz de usuario en todos los marcos y permitir que nuestros nuevos App Builder en Indigo.Design generen código en cualquier plataforma, nuestro objetivo es brindarle una productividad como nunca antes la había experimentado. Puede usar el diseñador WYSIWYG en App Builder para crear rápidamente todas las pantallas e interacciones de su aplicación, vincular a datos en vivo y aplicar un tema incorporado o crear uno personalizado y luego obtener una vista previa en vivo de su aplicación y luego descargar el código Angular.

Hoy, estamos creando Angular aplicaciones en App Builder.  Una vez que se complete nuestro traslado a Web Components este año, obtendrá React, Web Components y Blazor generación de código del App Builder.

Si no sabe qué es App Builder y cómo puede ayudarle, consulte la página del producto y vea este vídeo de descripción general.  Es la herramienta low-code que puede acelerar la entrega de aplicaciones en su organización.

Ignite UI for React / Blazor / Web Components Actualizaciones

Como aprendiste en nuestra estrategia web general, el React y Web Components producto son la misma base de código. Continuaremos con ese tema durante el resto del año. Necesitamos llevar la red al mismo conjunto de características que la cuadrícula de datos Angular, que ha estado en el mercado durante mucho más tiempo.

La próxima versión, el 19 de ^{mayo, la} enviaremos en React, Web Components y Blazor:

Data Grid Updates:

• Edición de estilo de Excel: comience a editar al escribir
• Navegación de estilo de Excel (comportamiento de entrada): controla el comportamiento de la tecla Intro (ninguno, editar, mover arriba/abajo/izquierda/derecha)
• Navegación de estilo de Excel (después de editar): cuando se edita la celda, enter se mueve a la celda de abajo, arriba, derecha, izquierda
• Selección de rango de filas (necesitará una implementación adicional para los datos virtuales, por lo que esto debe anotarse en los documentos)
• Column Summaries in Column Options

Date Picker Updates:

• Añadido el botón Hoy
• Se agregó la propiedad Label
• Se agregó la propiedad de marcador de posición
• Cadena de fecha de entrada (se puede habilitar / deshabilitar)
• Compatibilidad con formatos de fecha
• Primer día de la semana
• Primera semana del año
• Números de semana
• Límites de fechas
• Accesibilidad

Geospatial Map Updates:

• Soporte para la visualización envolvente del mapa (desplazamiento horizontal infinito)
• Soporte para cambiar la visualización de algunas series de mapas mientras se ajusta alrededor del origen de las coordenadas.
• Soporte para el resaltado de la serie de formas.
• Compatibilidad con algunas capas de anotación para la serie de formas

Chart Updates:

• Orientation on ItemLegend
• LegendHighlightingMode for Hover / Click
• PlotAreaMargin<Top, Bottom, Left, Right>
• Se agregó compatibilidad para configurar el resaltado en el nivel del gráfico en lugar de la serie individual.
• Etiquetado comprimido del eje X para TimeXAxis y OrdinalTimeXAxis
• Sincroniza automáticamente el zoom vertical con el contenido de la serie.
• Se agregó soporte para capas de anotación a las series Apiladas, Dispersión, Polares, Radiales y de forma.
• Se ha añadido compatibilidad para resaltar en las series Apilada, Dispersión, Polar, Radial y Forma.
• Se ha agregado HighlightingMode para todos los tipos de series.
• Added SeriesHighlightingBehavior
• Se ha agregado compatibilidad para anular el origen de datos de fragmentos de pila individuales dentro de una serie apilada.
• Se ha agregado compatibilidad para expandir automáticamente los márgenes horizontales del gráfico en función de las etiquetas iniciales mostradas.
• Se ha agregado compatibilidad con los eventos de estilo personalizado para las series Stacked, Scatter, Range, Polar, Radial y Shape.
• Todas las series con marcadores tienen una propiedad denominada MarkerFillOpacity
• Todas las series con marcadores tienen una propiedad denominada MarkerOutlineMode

Chart Defaults:

• Todos los tipos de gráficos/series tienen nuevos colores para pincel/relleno y contornos.
• Todos los tipos de gráficos/series tienen contornos de marcadores con un grosor de 2 píxeles
• Todos los tipos de gráficos/series con marcadores tienen un relleno de marcador de color en lugar de un relleno blanco
• Las series Barra/Columna/Cascada tienen contornos con un grosor de 1 px (otras series tienen un grosor de 2 px)
• Las series Barra/Columna/Cascada ya tienen esquinas cuadradas en lugar de esquinas redondeadas
• Las series Point/Bubble/ScatterSeries/PolarScatter tienen marcadores con un 70% de relleno transparente
• Las series Point/Bubble/ScatterSeries/PolarScatter tienen marcadores con contorno sólido que coincide con el relleno del marcador
• Otras series (por ejemplo, LineSeries/ScatterLineSeries) tienen marcadores con contornos blancos
• La serie Scatter High Density tiene nuevos colores para propiedades de calor mínimas y máximas
• Las series Financial/Waterfall tienen nuevos colores para el relleno negativo de sus imágenes

Avanzando a Q3 y Q4 es donde comenzará a ver más controles nuevos en la caja de herramientas.  Si has estado prestando atención al Angular producto, sabrás que hemos invertido mucho allí durante los últimos años.  El producto es increíble, tiene todos los controles que necesitaría, además de capacidades clave como tematización, accesibilidad ARIA / A11y, compatibilidad con RWD, compatibilidad con PWA, Angular esquemas, análisis de datos, CLI, y la lista continúa.  Es la única opción para Angular hoy en día si está creando cualquier cosa, desde una simple aplicación web hasta una aplicación crítica para el negocio. Esto significa que hay una gran cantidad de trabajo que podemos reutilizar en nuestro esfuerzo de refactorización.

Here is a list of those controls that will be part of the refactoring to Web Components (you can see any of them in action here in the Angular samples browser) – https://es.infragistics.com/products/ignite-ui-angular/angular/components/grid/grid.

Una vez que estos se refactoricen como Web Components, los obtendrá en React, Blazor y el Indigo.Design App Builder.

Al pasar a Q3 / Q4 para las funciones React Grid, Web Component Grid y Blazor Grid, agregaremos:

• Persistencia del diseño
• Encabezados de varias columnas
• Grupos de columnas colapsables
• Agrupación interactiva
• … y más

Esperemos que con todas estas actualizaciones y nuevos controles y componentes se pueda ver que React, Web Components y Blazor están avanzando a lo grande.

Ignite UI for Angular Updates

Angular todavía está en pleno desarrollo. Hemos enviado constantemente múltiples actualizaciones importantes cada año durante los últimos 4 años, con una cadencia de entrega continua mensual.

A corto plazo en el abril / mayo aquí hay una lista de alto nivel, puede ver los detalles en GitHub en el roadmap.md y el changelog.md.

• Angular 12 updates
• Todas las actualizaciones de gráficos enumeradas para React / Web Components / Blazor
• Todas las actualizaciones de mapas enumeradas para React / Web Components / Blazor
• Nuevo componente de árbol
• Temas: Exponer elevaciones como accesorios CSS personalizados
• Temas: Alcance de las propiedades CSS personalizadas a los selectores de componentes
• Exponer una entrada de columna para pasar datos/estado adicionales en los contextos de plantilla de la columna
• Angular Cuadrícula Exportar datos jerárquicos a Excel
• Angular Tipos de columna de cuadrícula para fecha y hora

Bajando el camino hacia la Q3 / Q4:

• Angular 13 updates
• Exportación de PDF para cuadrícula, árbol, cuadrícula jerárquica
• Graph / Network Node component
• Accordion component
• Scheduler component
• Fusión de celdas de cuadrícula
• Valores de paleta global para componentes

Este producto está 100% abierto en el proceso de desarrollo, por lo que puede realizar un seguimiento de dónde estamos con solicitudes y problemas en Github.

ASP.NET / jQuery Updates

Con las versiones de Microsoft ASP.NET MVC y ASP.NET .NET Core / .NET 6, continuaremos asegurándonos de que tenga los productos más actualizados en estos marcos. Como expliqué anteriormente en el blog sobre cómo creamos los productos web, Ignite UI for jQuery es el conjunto de controles subyacente que impulsa los productos ASP.NET MVC y ASP.NET Core. Enviamos por primera vez Ignite UI for jQuery en 2011 ... Es un conjunto completo de controles, por lo que para las aplicaciones modernas de ASP.NET MVC / ASP.NET Core, el conjunto de componentes es enorme. Todo, desde la cuadrícula de datos, la cuadrícula de árbol, la cuadrícula dinámica OLAP, las hojas de cálculo, los gráficos, etc., está en ese producto.

La hoja de ruta para este conjunto de productos sigue activa y sigue el ritmo de nuestra estrategia Web Components para la web moderna.

• Todas las actualizaciones de gráficos enumeradas para React / Web Components / Blazor
• Todas las actualizaciones de mapas enumeradas para React / Web Components / Blazor
• Todos los controles de componentes web que se envían con Ignite UI for Web Components también se envían con jQuery (los controles que no se superponen, por ejemplo, Dock Manager se envía con jQuery).

Al mismo tiempo, estamos corrigiendo errores activamente y asegurándonos de que este conjunto de plataformas esté actualizado.  Cuando vea un blog o una mención de una característica de componente web, se enviará con el producto jQuery si aún no lo tenemos en el producto.  Y si, por ejemplo, se ve usando otros controles de componentes web en el futuro, asegúrese de que su suscripción sea para el paquete Ignite UI y obtendrá todos los controles web modernos sin importar lo que terminemos enviando.

.NET Core / .NET 6 Updates

Microsoft sigue innovando con .NET, y nosotros estamos ahí con ellos. Enviamos compatibilidad para .NET Core 3.0 y .NET Core 3.1, y para .NET 5 con Microsoft, y ahora estamos en el mismo recorrido hacia .NET 6.

Qué esperar:

• Updated desktop builds for .NET 6.
• Todas las mejoras que Microsoft está enviando con Blazor, Xamarin / M.A.U.I formarán parte de las compilaciones .NET de nuestros productos.
• Compatibilidad en tiempo de diseño con WPF, Windows Forms para cualquier cambio que Microsoft realice en Visual Studio con .NET 6.
• Actualizaciones de nuestra versión preliminar de la interfaz de usuario de Win para incluir compatibilidad completa con cuadrícula y gráfico
• Nuevos controles de interfaz de usuario de Windows que no se incluyen en la versión preliminar de la interfaz de usuario de Windows actual que estamos enviando.

Junto con el seguimiento de la estrategia de Microsoft para el desarrollo multiplataforma, estamos invirtiendo en el Uno Platform.  Enviamos una vista previa de Ultimate UI for Uno en el cuarto trimestre de 2020.  Con Uno, puede crear aplicaciones multiplataforma con píxeles perfectos con una sola base de código, incluidas aplicaciones para Windows, WebAssembly, iOS, macOS, Android y Linux con C# y XAML.

Windows Forms / WPF Updates

Windows Forms y WPF siguen siendo las plataformas más populares para crear aplicaciones en el mundo.  Seguimos invirtiendo en ambas plataformas, por lo que puedes esperar ver actualizaciones en los próximos años.  Muchos de los que utilizan estas plataformas están realizando tareas de mantenimiento y creando nuevas funciones o aplicaciones, además de experimentar con nuevas plataformas como Win UI, Xamarin o incluso Angular.  No importa si te quedas en tus plataformas actuales o pruebas una nueva, estamos aquí para ayudarte.

Este año, entregaremos:

• Updated desktop builds for .NET 6.
• Se ha mejorado la compatibilidad con el tiempo de diseño en Visual Studio para Windows Forms y WPF.
• Soporte mejorado para HD / High DPI.
• Todas las actualizaciones de gráficos enumeradas para React / Web Components / Blazor.
• Todas las actualizaciones de mapas enumeradas para React / Web Components / Blazor.

Indigo.Design / App Builder

El mayor desafío en el desarrollo de aplicaciones hoy en día es optimizar la creación de aplicaciones desde el diseño hasta el código. En innumerables equipos, desde pequeños hasta grandes, un enfoque aislado para la creación de aplicaciones ralentiza la innovación. La necesidad de eliminar las transferencias, reducir las iteraciones costosas y permitir una verdadera colaboración entre diseño y desarrollo es el santo grial que todos buscamos. Es por eso que enviamos App Builder.

Puede obtener un alto nivel de lo que estamos planeando con esta línea de tiempo:

Si no está familiarizado con App Builder, consulte la lista de reproducción de YouTube, ¡cambiará para siempre la forma en que ve la creación de aplicaciones web!

Envolver

2021 will bring a ton of platforms, new features, new controls, new components, more bug fixes, and lots of excitement. Keep in mind this is a roadmap, with pretty aggressive dates.  Things may be delayed, slip, ship as a beta, etc. as with any best laid plans, things can change. Please keep me posted at jasonb@infragistics.com on what you need, and how we can help bring your next amazing experiences to life!