Flutter Forward 2023: O que as inovações anunciadas pelo Google significam para o seu negócio?

Publicados: 2023-02-13

Tem coisa melhor do que começar o ano com um dos eventos mais importantes do desenvolvimento de software, o Flutter Forward 2023 ? A equipe de desenvolvimento do Flutter na Miquido acredita que explorar as melhorias anunciadas durante a conferência é igualmente divertido! Vamos descobrir se o nome do evento, Flutter Forward , é mesmo profético. É hora de encerrar os lançamentos mais notáveis ​​do Flutter 3.7 e recapitular brevemente os planos para o futuro da estrutura multiplataforma do Google.

Até agora, as vantagens mais significativas do Flutter em relação a outras estruturas de desenvolvimento de aplicativos móveis ou da Web foram custos de desenvolvimento significativamente menores, possibilidades impressionantes de dimensionamento de aplicativos, desempenho de aplicativos quase nativos e a capacidade de implementar interfaces complexas. E não é segredo que o Flutter se concentra em melhorias adicionais em todas essas áreas. Mas que atualizações podemos esperar exatamente?

Novas direções para Flutter e Dart: um roteiro apresentado durante o evento Flutter Forward
Um roteiro apresentado durante o evento Flutter Forward

Vamos discutir o discurso principal do Flutter Forward, mergulhar fundo nas 4 direções futuras mais importantes para a estrutura do Google e considerar o valor comercial das melhorias anunciadas para 2023.

Linha de base: Flutter em 2022

Flutter é uma estrutura de código aberto criada pelo Google para otimizar o processo de desenvolvimento de aplicativos para múltiplas plataformas, mantendo o máximo de recursos oferecidos pelas abordagens nativas. O Google anunciou a primeira versão estável (Flutter 1.0) no final de 2018, e o kit de ferramentas relativamente novo rapidamente se tornou a estrutura de desenvolvimento multiplataforma mais popular do mundo.

Em 2021, o Flutter se tornou o framework multiplataforma mais popular

A imensa popularidade da estrutura do Google não é surpresa. Os benefícios do Flutter são muitos, o que faz com que cada vez mais desenvolvedores desejem escolher esse framework. O Flutter é um kit de ferramentas de interface do usuário que permite aos desenvolvedores criar aplicativos móveis, da Web e de desktop bonitos e fáceis de usar a partir de uma única base de código. Graças ao recurso de hot reload, o Flutter aumenta a produtividade dos desenvolvedores, permitindo que eles visualizem qualquer alteração de código instantaneamente. E por último, mas não menos importante, o Flutter é um projeto totalmente de código aberto que não requer taxas de licença ou ferramentas dedicadas.

O foco do Google no desenvolvimento do Flutter em 2023

O Google está muito comprometido com o desenvolvimento do Flutter, como evidenciado por quase 20 lançamentos em 2022. De acordo com o roteiro publicado no Github, o Flutter planeja anunciar mais 4 lançamentos estáveis ​​e 12 lançamentos beta em 2023. Além disso, para homenagear uma impressionante comunidade de colaboradores externos , Flutter anunciou recentemente sua nova estratégia de lançar novos recursos “quando eles alcançam o canal beta, em vez de esperar que eles estejam no canal de lançamento estável” e “incentivar as pessoas que procuram um ciclo de atualização mais rápido a usar o canal beta”.

Um trecho do roteiro do Flutter para 2023 publicado no Github
Um trecho do Roteiro do Flutter , Github

Olhando para o roteiro de 2023 revelado no evento Flutter Forward em Nairóbi, no Quênia, uma coisa fica clara. Flutter agora está entrando em uma fase de deixar sua competição multiplataforma para trás. A escala de melhorias previstas em desempenho, qualidade, acessibilidade e segurança, bem como o número de novos recursos que o Flutter planeja lançar em 2023, são realmente impressionantes. Vamos discutir o mais importante deles.

As 4 principais inovações anunciadas durante o Flutter Forward 2023

Durante o evento Flutter Forward, os fundadores do framework multiplataforma chamaram a atenção para 4 áreas principais que pretendem desenvolver nos próximos lançamentos, entre elas:

  1. Desempenho gráfico inovador
  2. Integração perfeita para web e dispositivos móveis
  3. Cedo para arquiteturas novas e emergentes
  4. Foco contínuo na experiência do desenvolvedor.

Vamos dar uma olhada nas notícias mais suculentas das quatro categorias mencionadas acima.

1. Desempenho gráfico inovador: impulsor e material 3

Durante o evento Flutter Forward, a Flutter enfatizou seu crescente compromisso em melhorar o desempenho gráfico do kit de ferramentas de interface do usuário do Google. A equipe do Flutter não apenas decidiu reescrever o Impeller de tempo de execução de renderização do Flutter, mas também anunciou a próxima migração para o Material 3. O que essas mudanças significam para as empresas interessadas em desenvolver seu produto digital com o Flutter?

Mais progresso no impulsor

Flutter run –enable-impeller é uma reescrita significativa do tempo de execução de renderização do Flutter, com o objetivo de corrigir problemas de jank de animação e permitir o desempenho suave de animações complexas (como caleidoscópios ou 3D). E embora o Impeller esteja atualmente disponível apenas no beta inicial (modo de visualização para iOS), o Flutter Dev revelou que, nos próximos meses, eles pretendem ajustar o suporte do Impeller para iOS e anunciar a data de lançamento da visualização do Android.

Ele [Impeller] é um tipo diferente de experiência. É tão suave como a seda. (…) Essencialmente, somos capazes de construir um mecanismo de renderização de gráficos feito sob medida para o Flutter, em vez de alavancar um renderizador de uso geral.

Tim Sneath Diretor de Produto e UX para Flutter e Dart no Google

Migração do Flutter para o Material 3

Uma das mudanças revolucionárias anunciadas durante o Flutter Forward é a migração do Material 2 (M2) para o Material 3 (M3). A última versão do Flutter, Flutter 3.7, traz widgets baseados na nova versão da linguagem de design do Google. Por que essa é uma mudança significativa e quais consequências ela pode ter para o seu produto digital?

O que é Material 3

Vamos começar com uma pequena informação para aqueles que não estão familiarizados com M2 e M3. Material Design é uma linguagem de design desenvolvida pelo Google em 2014 para combinar princípios de UX/UI com inovação técnica. Um sistema adaptável de componentes gráficos, diretrizes e ferramentas agiliza a cooperação entre desenvolvedores e designers e facilita muito a criação de produtos digitais amigáveis.

A última atualização do Material de 2021, Material 3, trouxe padronização das questões de acessibilidade e elasticidade muito maior dos componentes gráficos. A flexibilidade do Material 3 está principalmente associada à introdução de um padrão para operar em tokens de design, ou seja, as menores unidades que compõem o sistema de design (como cor, tipografia ou espaçamento). O que isso significa na prática? Basta olhar para um dos projetos de vitrine do Google: o aplicativo móvel Wonderous desenvolvido com Flutter e baseado no Material 3!

Wonderous, um aplicativo Flutter de amostra criado com o Material 3
Wonderous, um aplicativo Flutter de amostra criado com o Material 3
Quais possibilidades trazem a migração do Flutter para o Material 3?

A migração para o M3 significa que o Flutter está fortalecendo sua posição de liderança em kits de ferramentas de interface do usuário que permitem a criação de aplicativos envolventes e visualmente atraentes. Tirando proveito da tipografia, implementação rápida de interface do usuário baseada em temas, introdução de movimento por meio de movimento ou animação… Graças ao suporte aprimorado para M3, a partir de agora, os desenvolvedores do Flutter poderão realizar as visões criativas mais avançadas com eficiência.

Obviamente, a migração para o Material 3 é um processo, portanto, no estágio Flutter 3.7, os criadores da estrutura prestam atenção aos seguintes problemas:

  • Embora a maioria dos widgets do Flutter já tenha migrado para o M3, os desenvolvedores devem acompanhar o progresso do projeto Material 3 Flutter GitHub para confirmar o status do widget fornecido.
  • Os desenvolvedores podem aceitar o Material 3 usando o sinalizador useMaterial3. No entanto, a interface do usuário pode ser inconsistente até que todo o Flutter e o código do aplicativo individual sejam migrados.

Você quer descobrir mais novos recursos do Material 3? Confira a demonstração interativa preparada pelo Flutter Dev.

Material 3 - uma demonstração interativa por Flutter Dev
Material 3 – uma demonstração interativa por Flutter Dev

2. Integração perfeita para web e dispositivos móveis

O Flutter Dev também confirmou um forte foco em garantir uma melhor integração entre o Dart e outras linguagens de programação. Na web, o Flutter agora pode ser usado como um componente incorporado. No celular, os aplicativos Flutter agora podem chamar APIs do sistema ou código escrito em outras linguagens de programação. Vamos discutir as melhorias mais importantes em relação à integração perfeita da Web e dispositivos móveis no Flutter!

Incorporação de elementos

Uma das melhorias mais discutidas do Flutter Forward é o novo padrão do Flutter para desenvolvimento web: a incorporação de módulos Flutter em aplicativos web existentes. A incorporação de elementos, um novo recurso agora visualizado pela equipe do Flutter Dev, permite que os desenvolvedores da Web incorporem facilmente o conteúdo do Flutter com um elemento <div> padrão. Em outras palavras, os desenvolvedores da Web em breve serão capazes de integrar widgets Flutter em aplicativos existentes – mesmo aqueles escritos em diferentes linguagens de programação.

Demonstração de incorporação de elementos por Flutter Dev
Demonstração de incorporação de elementos por Flutter Dev

Comunicação direta com APIs nativas do código Dart

Flutter está trabalhando duro para melhorar duas ferramentas (FFIgen para iOS e JNIgen para Android) para gerar ligações, permitindo a comunicação direta com APIs nativas do código Dart. O FFIgen e o JNIgen melhoram significativamente a eficiência do desenvolvimento, tornando possível chamar o código nativo e reutilizar o código já escrito ou aproveitar os recursos específicos da plataforma. No momento, o Dart é capaz de se comunicar com:

  • C (dart:ffi) → Linux
  • Objective-C e Swift (pacote dart:ffi + FFIgen) → macOS e iOS
  • C++ (pacote dart:ffi + FFIgen) → Windows
  • Java e Kotlin (pacotes JNI e JNIgen) → Android
  • JavaScript (pacote js) → Web.

Melhor interoperabilidade com JavaScript

Parece que também há uma nova oportunidade para produtos digitais construídos com JavaScript! Os desenvolvedores agora podem conduzir widgets Flutter diretamente do JavaScript – e vice-versa. A melhor interoperabilidade com JavaScript é outra melhoria que torna a estrutura do Google excepcionalmente eficaz em termos de dimensionamento ou reescrita de aplicativos móveis ou da web existentes.

3. Suporte para arquiteturas iniciais a novas e emergentes

Durante o Flutter Forward 2023, a equipe do Flutter revelou seus primeiros esforços para compilar o Flutter para WebAssembly (Wasm) – um “alvo de compilação portátil para linguagens de programação, permitindo a implantação na Web para aplicativos cliente e servidor” (WebAssembly). Tim Sneath, Diretor de Produto e UX para Flutter e Dart, também anunciou o suporte do Flutter para RISC-V, a arquitetura de chip de padrão aberto e livre de royalties. Por que achamos que essas duas decisões merecem um comentário mais longo?

Flutter e WebAssembly

O WebAssembly está crescendo em popularidade como um formato de instrução binária de plataforma neutra em todos os principais navegadores, e a equipe do Flutter Dev espera explorar seus méritos. Wasm é caracterizado por velocidade e desempenho impressionantes, especialmente com grandes quantidades de dados. Em relação ao processamento de imagem ou vídeo, o Wasm é incomparavelmente melhor que seu maior concorrente, o JavaScript. Mas como isso pode ajudar no desenvolvimento do framework do Google?

O WebAssembly parece que vai nos dar um tempo melhor para carregar, reduzir o tamanho e o número de megabytes transferidos pela rede. (…) O potencial do WebAssembly é — tanto na web quanto além — se tornar esse novo tipo de língua franca portátil. Gosto da ideia de que podemos pegar e usar outro código em outras linguagens no WebAssembly também.

Tim Sneath Diretor de Produto e UX para Flutter e Dart no Google

Suporte do Flutter para RISC-V

Embora o RISC-V ainda esteja em seus primeiros dias, ele está gradualmente começando a ganhar força em todo o setor. Segundo Sneath, o investimento do Google nessa arquitetura pode abrir novas plataformas para o Flutter. Embora os processadores ARM ainda estejam na liderança em termos de desempenho, o RISC-V parece muito promissor em relação às tecnologias vestíveis. Sem mencionar que o RISC-V é fornecido sob licenças de código aberto que não exigem taxas de uso.

4. Foco contínuo na experiência do desenvolvedor: Dart 3 alpha e Flutter News Toolkit

O Flutter é uma estrutura criada para aumentar a produtividade do desenvolvedor. A linguagem de programação do Flutter, Dart, permite um trabalho iterativo e eficiente com um recurso de hot reload, permitindo que os desenvolvedores experimentem, ajustem características e corrijam bugs durante o desenvolvimento – sem recarregar o aplicativo inteiro. Além do mais, o Dart é executado rapidamente em todas as plataformas, permite que os desenvolvedores implementem criações complexas de interface do usuário e, por último, mas não menos importante, é consideravelmente fácil de aprender.

No entanto, durante o Flutter Forward, o Flutter Dev anunciou uma versão ainda mais produtiva, portátil e acessível do Dart. Vamos falar sobre o Dart 3, agora disponível em alfa inicial para teste!

100% segurança nula de som no Dart 3: Não há mais falhas no aplicativo!

O anúncio mais importante sobre o próximo Dart 3 é a introdução de 100% de segurança nula. O Flutter descontinuou o suporte para execução sem segurança nula para reduzir a sobrecarga e a complexidade do código. No Dart 3, todas as variáveis ​​são não nulas por padrão – o que reduz significativamente o custo e a complexidade de adicionar novos recursos.

Em um sistema de digitação sonora, você pode confiar nos tipos, o que significa que uma variável nunca é nula quando os tipos afirmam que não é. Isso aumenta a produtividade ao detectar problemas durante o desenvolvimento, e não na produção, e permite que os compiladores Dart produzam códigos menores e mais otimizados. (…) O Dart é o único a introduzir 100% de segurança nula em um idioma existente.

Michael Thomsen PM para Dart e Flutter no Google

Expressividade sem precedentes do Dart 3: Registros, padrões e controles de acesso

Registros e padrões são dois novos recursos principais do Dart 3 que otimizam o trabalho com dados estruturados. Os registros permitem que os desenvolvedores do Flutter criem novas estruturas de dados que combinam facilmente os dados existentes. Os padrões, por sua vez, podem desestruturar os dados compostos.

Flutter News Toolkit

O Flutter News Toolkit é um projeto Flutter Dev de código aberto direcionado a editores de mídia e conteúdo que buscam uma maneira rápida e econômica de alcançar seus leitores em dispositivos móveis. Editores de conteúdo interessados ​​em transformação digital agora podem usar um kit de ferramentas completo com tudo o que precisam para desenvolver aplicativos móveis com notícias, incluindo navegação, pesquisa, autenticação, integrações de anúncios, notificações, perfis ou assinaturas.

Boldsports – um aplicativo móvel para uma start-up de notícias com sede na Nigéria, criado com o Flutter News Toolkit em apenas alguns dias
Boldsports – um aplicativo móvel para uma start-up de notícias com sede na Nigéria, criado com o Flutter News Toolkit em apenas alguns dias

Miquido e Flutter

Como muitos setores enfrentam tempos difíceis, é fundamental priorizar a otimização da sobrecarga operacional e a mitigação de riscos. Uma estrutura de plataforma cruzada O Flutter é uma solução de código aberto, econômica e confiável que permite que as empresas se concentrem no que realmente importa: eficiência, escalabilidade e lucratividade de seus produtos digitais.

Em 2018, a Miquido foi a primeira empresa europeia a criar um projeto comercial em Flutter. O aplicativo móvel Topline para Abbey Road Studios não apenas atendeu às premissas de negócios, agilizando o processo de gravação de música para artistas associados ao icônico selo britânico, mas também conquistou os corações de toda a indústria de desenvolvimento de aplicativos móveis. É por isso que queremos enfatizar as oportunidades de negócios oferecidas pela tecnologia multiplataforma e pelo Flutter no desenvolvimento móvel.

O que o futuro reserva para Flutter? A experiência de anos anteriores mostra que o Flutter cumpre suas promessas públicas. Portanto, estamos confiantes de que o roteiro do Flutter para 2023 pode ser considerado um plano bem pensado e implementado meticulosamente pela equipe do Google.