Infragistics Ultimate Roadmap 2021 H1

Com o lançamento do Ultimate 21.1 chegando, eu queria postar uma atualização sobre nossas metas para o restante do ano para que você possa planejar os próximos 12 meses de seus próprios projetos.

Aqui está um detalhamento deste blog:

Nosso pensamento permanece o mesmo à medida que construímos controles e componentes nas plataformas que estamos entregando a você. Pensamos neles em termos de categorias de produtos mais amplas e como eles funcionam nas ferramentas que você usa para criar software com o que enviamos.

Há muita inovação acontecendo no desenvolvimento da interface do usuário do cliente. Além dos frameworks da web modernos, como Angular e React, agora você deve considerar o uso do Web Components como uma maneira livre de dependências de preparar seus projetos para o futuro. A Microsoft está reengajando o mercado de desenvolvedores em grande estilo com Blazor, Win UI e todas as coisas boas que acontecem com Fluent UI.  Existem alternativas como o Uno Framework, que oferece uma estrutura multiplataforma completa, de certa forma mais avançada que Xamarin e futuro M.A.U.I da Microsoft voltada para interfaces de usuário nativas móveis e multiplataforma multi-aplicativo.

Este visual detalha como vemos essa categorização e nossas áreas de investimento.

Estamos atingindo os principais frameworks do Ultimate, como Window Forms, WPF, .NET Core, bem como os frameworks da web modernos no Blazor, Angular, React e Web Components. A inovação está acontecendo rapidamente em Indigo.Design, com o novo App Builder que pode acelerar radicalmente o design e o desenvolvimento do seu aplicativo.

2021 em resumo

Há muitos detalhes neste blog, se você estiver com pressa e quiser apenas ver o alto nível, este visual descreve o que você pode esperar em 2021 em sua assinatura Ultimate.

Temos muitos softwares enviados em muitos frameworks. É importante observar que ainda estamos enviando versões no Windows Forms e no WPF. Embora tenha diminuído um pouco, ainda há atualizações e novos recursos acontecendo.  Recebo muitas perguntas sobre nosso investimento aqui, e é importante manter-se atualizado com as versões mais recentes por estes motivos:

• Novos recursos / recursos atualizados
• Bug Fixes / Security Updates
• Mantendo-se atualizado com o .NET Framework mais recente
• Mantendo-se atualizado com o Visual Studio mais recente

A Microsoft é agressiva nas atualizações do .NET e do Visual Studio.  Como você sabe, com o lançamento do .NET Core em 2020, eles mudaram todo o tempo de design no Visual Studio, o que quebrou todos os ^{controles de terceiros}. Se sua assinatura não estiver atualizada, você não receberá essas atualizações.

Aqui está uma exibição de linha do tempo dos lançamentos.  Lembre-se de que, na maioria das vezes, estamos lançando mensalmente em muitos produtos, com correções de bugs e pequenas atualizações. Fique de olho no NPM e no NuGet para obter os builds mais recentes.

Note:

• As versões marcadas como Web incluem todas as plataformas Ignite UI para React, Web Components, Blazor.
• A versão final do produto inclui todas as plataformas Web, WPF, Windows Forms e Indigo.Design.

Web Platform Strategy

Para entender o roteiro e como os recursos estão relacionados, deixe-me explicar como essas plataformas são projetadas e projetadas por nossas equipes.

A estratégia geral para fornecer produtos da Web é garantir o melhor da categoria na plataforma desejada. Se você está construindo Angular, estamos trazendo o melhor produto Angular para o mercado para a estrutura Angular. O mesmo acontece com React, Web Components e Blazor. Por exemplo, não estamos criando wrappers para fornecer a fachada sobre controles JavaScript genéricos com auxiliares jQuery enterrados profundamente no código para fazer você pensar que está usando Angular. Criamos Angular componentes do Material e trabalhamos com a equipe Angular na interface do usuário do Material e na CLI. Fazemos certo na primeira vez. Blazor é outra ótima história, a abordagem que adotamos que descrevo abaixo é examinada pela equipe de Blazor da Microsoft como a abordagem mais ideal. Não tentaremos impressioná-lo com as razões pelas quais * nós * achamos que nossa abordagem é a melhor - apenas perguntamos às pessoas que construíram a estrutura e elas deram o polegar para cima!

Para se ter uma ideia de qual é a divisão da base de código / API por produto no Ignite UI, confira este gráfico:

Os produtos Web Components, React e Blazor começam em C# e traduzimos o código para TypeScript. Isso nos dá uma API de componente da Web pura e sem dependências, que usamos como base para o que é renderizado como HTML / JavaScript no navegador.

Isso oferece a melhor experiência Blazor, em termos de produtividade do desenvolvedor e desempenho de renderização/interações no navegador. Para provar isso ... Basta olhar para nossas demonstrações de grade de Blazor- não fazemos amostras de "paginação" como todo mundo - na verdade - nem mesmo construímos paginação na grade.  Nós não precisamos.  O desempenho de nossa rede, e com carga local e remota sob demanda, excede em muito qualquer coisa que você encontrará no mercado hoje.  Se você quiser uma página, temos uma amostra com uma, mas você precisa escrever algumas linhas de código para obtê-la.

O jQuery é a base para os produtos ASP.NET Core e ASP.NET MVC.  Ainda é amplamente utilizado e ainda estamos investindo nesses produtos para garantir que sejam modernos e atualizados.

Ignite UI for Angular é construído em Angular & Material. Não há nada entre nossa API e a estrutura Angular. Vimos a maior aceitação de Angular até o momento nas equipes corporativas e continuamos a investir significativamente em Angular componentes.

No entanto, no futuro, todos os novos controles que lançamos em todas as plataformas da Web modernas serão criados como Web Components sem dependências (como o novo DockManager que enviamos no Angular 9.1). Isso é muito importante e não pode ser subestimado - isso oferece um kit de ferramentas de controle de interface do usuário à prova de futuro, bem como um desempenho superotimizado no cliente.  Isso não significa que novos controles não funcionarão como um Angular nativo, React, Web Component, Blazor, etc., significa que cada produto será baseado em uma base de padrões da Web, isolando você de problemas de estrutura no futuro.

2021 H2 In-Depth

O restante deste blog dará um pouco mais de detalhes sobre o que enviaremos para que você possa planejar e nos dar feedback sobre o roteiro. Tudo o que entregamos é baseado no que você pede, então, por favor, deixe-me saber se há algo que você esperava, mas não vê.

O futuro da Web é Web Components

Enviamos muito valor nos últimos 12 meses desde o lançamento oficial do Blazor e antes disso React e Web Components.  No futuro, temos uma estratégia que começa a expandir o número de controles de interface do usuário que estamos enviando com esses produtos. Mantendo uma estratégia que promove a reutilização e protege você de ser isolado em uma estrutura, estamos começando a refatorar uma grande parte dos controles e componentes Angular atuais para Web Components nativos. Web Components são um padrão da web, funcionam em todos os navegadores e não dependem de uma estrutura ^{de terceiros -}são livres de dependências. Web Components só precisa de um navegador para funcionar corretamente.

Com essa estratégia, você obterá o mesmo número e tipos de controles em todas as plataformas da Web modernas que estão atualmente em Ignite UI for Angular hoje – e no futuro – tudo estará em sincronia em todas as estruturas.

Garantiremos que cada Componente Web inclua associações para cada estrutura e seja otimizado para cenários de alto volume e alto desempenho.

Importante observar:

• ​Não estamos refatorando a grade Ignite UI for Angular, a grade hierárquica ou a grade de árvore. Uma grade de dados é um controle exclusivo que se beneficia dos recursos por plataforma/estrutura.
• Já enviamos uma tonelada de Web Components em nossos produtos modernos de SPA na web. Dock Manager, todos os gráficos (categoria, gráfico de dados, gráfico de pizza, mapa de árvore, além de mais 60 tipos de gráficos), mapa geoespacial, gráfico financeiro, planilha do Excel e biblioteca do Excel que você vê em Ignite UI for Angular estão Web Components.

Sua produtividade é nossa prioridade

Eu ia dizer "All Roads Pass Through Indigo.Design", mas quero destacar que nossa prioridade é a sua produtividade. Os controles e componentes da interface do usuário são fundamentais para as necessidades de criação do aplicativo.  No entanto, você está sendo solicitado a fornecer mais recursos e mais aplicativos com mais rapidez do que nunca.

Com nossa estratégia de fornecer os mesmos controles de interface do usuário em todas as estruturas e permitir que nosso novo App Builder em Indigo.Design gere código em qualquer plataforma, nosso objetivo é oferecer produtividade como você nunca experimentou. Você pode usar o designer WYSIWYG no App Builder para criar rapidamente todas as telas e interações do seu aplicativo, associar a dados dinâmicos e aplicar um tema interno ou criar um personalizado e, em seguida, obter uma visualização dinâmica do seu aplicativo e, em seguida, baixar o código Angular.

Hoje, estamos criando Angular aplicativos em App Builder.  Assim que nossa mudança para Web Components for concluída este ano, você receberá React, Web Components e Blazor geração de código do App Builder.

Se você não sabe o que é App Builder e como ele pode ajudá-lo, confira a página do produto e assista a este vídeo de visão geral.  É a ferramenta low-code que pode acelerar a entrega de aplicativos em sua organização.

Ignite UI for React / Blazor / Web Components Atualizações

Como você aprendeu em nossa estratégia geral da web, o React e Web Components produto são a mesma base de código. Continuaremos esse tema pelo resto do ano. Precisamos trazer o Grid para o mesmo conjunto de recursos do Angular Data Grid, que está no mercado há muito mais tempo.

Próximo lançamento - 19 de ^{maio - estaremos} enviando em React, Web Components e Blazor:

Data Grid Updates:

• Edição de estilo do Excel - Comece a editar ao digitar
• Navegação no estilo do Excel (Inserir comportamento) – controlar o comportamento da tecla Enter (nenhum, editar, mover para cima/baixo/esquerda/direita)
• Navegação de estilo do Excel (após a edição) - Ao editar a célula, insira movimentos para a célula abaixo, acima, direita, esquerda
• Seleção de intervalo de linhas (precisará de implementação adicional para dados virtuais – portanto, isso deve ser observado nos documentos)
• Column Summaries in Column Options

Date Picker Updates:

• Adicionado botão Hoje
• Adicionada a propriedade Label
• Propriedade de espaço reservado adicionada
• String de data de entrada (pode ser ativada / desativada)
• Formatos de data de suporte
• Primeiro dia da semana
• Primeira semana do ano
• Números da semana
• Limites de datas
• Acessibilidade

Geospatial Map Updates:

• Suporte para exibição envolvente do mapa (rolar infinitamente horizontalmente)
• Suporte para deslocar a exibição de algumas séries de mapas ao envolver a origem da coordenada.
• Suporte para realce da série de formas.
• Suporte para algumas camadas de anotação para a série de formas

Chart Updates:

• Orientation on ItemLegend
• LegendHighlightingMode for Hover / Click
• PlotAreaMargin<Top, Bottom, Left, Right>
• Adicionado suporte para configurar o realce no nível do gráfico em vez da série individual.
• Rotulagem do eixo X compactado para TimeXAxis e OrdinalTimeXAxis
• Sincronize automaticamente o zoom vertical com o conteúdo da série.
• Adicionado suporte para Camadas de Anotação para as séries Empilhadas, Dispersão, Polar, Radial e Forma.
• Adicionado suporte para realce nas séries Stacked, Scatter, Polar, Radial e Shape.
• Adicionado HighlightingMode para todos os tipos de série.
• Added SeriesHighlightingBehavior
• Adição de suporte para substituir a fonte de dados de fragmentos de pilha individuais em uma série empilhada.
• Adicionado suporte para expandir automaticamente as margens horizontais do gráfico com base nos rótulos iniciais exibidos.
• Adicionado suporte para os eventos de estilo personalizado para as séries Stacked, Scatter, Range, Polar, Radial e Shape.
• Todas as séries com marcadores têm uma propriedade chamada MarkerFillOpacity
• Todas as séries com marcadores têm uma propriedade chamada MarkerOutlineMode

Chart Defaults:

• Todos os tipos de gráficos/séries têm novas cores para pincel/preenchimento e contornos
• Todos os tipos de gráficos/séries têm contornos de marcadores com espessura de 2px
• Todos os tipos de gráficos/séries com marcadores têm preenchimento de marcador colorido em vez de preenchimento branco
• As séries de barras/colunas/cascatas têm contornos com espessura de 1px (outras séries têm espessura de 2px)
• As séries de barras/colunas/cascatas têm cantos quadrados em vez de cantos arredondados
• As séries Point/Bubble/ScatterSeries/PolarScatter têm marcadores com 70% de preenchimento transparente
• As séries Point/Bubble/ScatterSeries/PolarScatter têm marcadores com contorno sólido que corresponde ao preenchimento do marcador
• Outras séries (por exemplo, LineSeries/ScatterLineSeries) têm marcadores com contornos brancos
• A série Scatter High Density tem novas cores para propriedades de calor mínimo / máximo
• As séries Financial/Waterfall têm novas cores para preenchimento negativo de seus visuais

Avançando para Q3 e Q4 é onde você começará a ver mais controles totalmente novos na caixa de ferramentas.  Se você tem prestado atenção ao Angular produto, sabe que investimos pesadamente lá nos últimos anos.  O produto é incrível, tem todos os controles que você precisa, além de recursos importantes como temas, acessibilidade ARIA / A11y, suporte RWD, suporte PWA, Angular Esquemas, Análise de Dados, CLI e a lista continua.  É a única opção para Angular hoje se você estiver criando qualquer coisa, desde um simples aplicativo da web até um aplicativo crítico para os negócios. Isso significa que há muito trabalho que podemos reutilizar em nosso esforço de refatoração.

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://pt-br.infragistics.com/products/ignite-ui-angular/angular/components/grid/grid.

Uma vez que estes são refatorados como Web Components, você os obterá em React, Blazor e o Indigo.Design App Builder.

Passando para Q3 / Q4 para React recursos Grid, Web Component Grid e Blazor Grid, adicionaremos:

• Persistência de layout
• Cabeçalhos de várias colunas
• Grupos de colunas recolhíveis
• Agrupamento interativo
• … e muito mais

Espero que você possa ver com todas essas atualizações e novos controles e componentes que React, Web Components e Blazor estão avançando em grande estilo.

Ignite UI for Angular Updates

Angular ainda está em forte desenvolvimento. Enviamos consistentemente várias atualizações importantes a cada ano nos últimos 4 anos, em uma cadência de entrega contínua mensal.

No curto prazo, em abril / maio, aqui está uma lista de alto nível, você pode ver os detalhes no GitHub no roadmap.md e no changelog.md.

• Angular 12 updates
• Todas as atualizações de gráfico listadas para React / Web Components / Blazor
• Todas as atualizações de mapas listadas para React / Web Components / Blazor
• Novo componente Árvore
• Temas: Expor elevações como adereços CSS personalizados
• Temas: Escopo de props CSS personalizados para seletores de componentes
• Expor uma entrada de coluna para passar dados/estado adicionais nos contextos de modelo da coluna
• Angular Grid Exportar dados hierárquicos para o Excel
• Angular tipos de coluna de grade para data e hora e hora

Descendo o caminho para Q3 / Q4:

• Angular 13 updates
• Exportação de PDF para grade, árvore, grade hierárquica
• Graph / Network Node component
• Accordion component
• Scheduler component
• Mesclagem de células de grade
• Valores globais da paleta para componentes

Este produto é 100% aberto no processo de desenvolvimento, para que você possa acompanhar onde estamos com solicitações e problemas no Github.

ASP.NET / jQuery Updates

Com as versões Microsoft ASP.NET MVC e ASP.NET .NET Core / .NET 6, continuaremos a garantir que você tenha os produtos mais atualizados nessas estruturas. Como expliquei anteriormente no blog sobre como construímos os produtos da web, Ignite UI for jQuery é o conjunto de controle subjacente que impulsiona os produtos ASP.NET MVC e ASP.NET Core. Nós enviamos Ignite UI for jQuery pela primeira vez em 2011 ... É um conjunto completo de controles, portanto, para aplicativos modernos de ASP.NET MVC / ASP.NET Core, o conjunto de componentes é enorme. Tudo, desde grade de dados, grade de árvore, grade dinâmica OLAP, planilhas, gráficos, etc., está nesse produto.

O roteiro para esse conjunto de produtos ainda está ativo e acompanha nossa estratégia Web Components para a web moderna.

• Todas as atualizações de gráfico listadas para React / Web Components / Blazor
• Todas as atualizações de mapas listadas para React / Web Components / Blazor
• Todos os controles de Componente Web fornecidos com Ignite UI for Web Components também são fornecidos com o jQuery (os controles que não se sobrepõem, por exemplo, o Dock Manager é fornecido com o jQuery).

Ao mesmo tempo, estamos ativamente corrigindo bugs e garantindo que esse conjunto de plataformas esteja atualizado.  Quando você vê um blog ou uma menção a um recurso do Web Component, ele será enviado com o produto jQuery, se ainda não o tivermos no produto.  E se, por exemplo, você se vir usando outros controles de Componente Web no futuro, certifique-se de que sua assinatura seja para o pacote Ignite UI e você obterá todos os controles Web modernos, não importa o que acabemos enviando.

.NET Core / .NET 6 Updates

A Microsoft continua inovando com o .NET e estamos lá com eles. Enviamos suporte para .NET Core 3.0 e .NET Core 3.1 e para .NET 5 com a Microsoft, e agora estamos na mesma jornada para o .NET 6.

O que esperar:

• Updated desktop builds for .NET 6.
• Todas as melhorias que a Microsoft está enviando com Blazor, Xamarin / M.A.U.I farão parte das compilações .NET de nossos produtos.
• Suporte de tempo de design para WPF, Windows Forms para quaisquer alterações que a Microsoft fizer no Visual Studio com o .NET 6.
• Atualizações em nossa visualização da interface do usuário do Win para incluir suporte total para Grid e Chart
• Novos controles de interface do usuário do Win que não estão incluídos na visualização atual da interface do usuário do Win que estamos enviando.

Juntamente com o acompanhamento da estratégia da Microsoft para desenvolvimento multiplataforma, estamos investindo no Uno Platform.  Enviamos uma prévia do Ultimate UI for Uno no 4º trimestre de 2020.  Com o Uno, você pode criar aplicativos multiplataforma perfeitos em pixels com uma única base de código, incluindo aplicativos para Windows, WebAssembly, iOS, macOS, Android e Linux usando C# e XAML.

Windows Forms / WPF Updates

O Windows Forms e o WPF ainda são as plataformas mais populares para criar aplicativos no mundo.  Continuamos investindo em ambas as plataformas, então você pode esperar ver atualizações nos próximos anos.  Muitos de vocês que estão usando essas plataformas estão fazendo manutenção e criando novos recursos ou aplicativos, além de experimentar novas plataformas como Win UI, Xamarin ou até mesmo Angular.  Não importa se você está em suas plataformas atuais ou experimentando uma nova, estamos aqui para apoiá-lo.

Este ano, estaremos entregando:

• Updated desktop builds for .NET 6.
• Suporte aprimorado ao tempo de design no Visual Studio para Windows Forms e WPF.
• Suporte aprimorado a HD / alto DPI.
• Todas as atualizações do gráfico listadas para React / Web Components / Blazor.
• Todas as atualizações de mapas listadas para React / Web Components / Blazor.

Indigo.Design / App Builder

O maior desafio no desenvolvimento de aplicativos hoje é simplificar a criação de aplicativos, desde o design até o código. Em inúmeras equipes, de pequenas a grandes, uma abordagem em silos para a criação de aplicativos retarda a inovação. A necessidade de eliminar transferências, reduzir iterações dispendiosas e permitir uma verdadeira colaboração entre design e desenvolvimento é o santo graal que todos buscamos. É por isso que enviamos App Builder.

Você pode obter um alto nível do que estamos planejando com esta linha do tempo:

Se você não está familiarizado com App Builder, confira a lista de reprodução do YouTube, ela mudará para sempre a maneira como você vê a criação de aplicativos da web!

Embrulhar

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!