Notícias do desenvolvedor: WordPress 6.5, sinais angulares e componentes .NET

O lançamento da versão 6.5 do WordPress está definido para estar disponível publicamente na segunda-feira e um painel de discussão no De{Code} do WP Engine investigou o que os desenvolvedores podem esperar no próximo lançamento.

A sessão contou com Damon Cook, defensor do desenvolvedor da WP Engine; Nick Diego, contribuidor do WordPress Core e relações com desenvolvedores da Automattic; e Fabian Kägy, outro contribuidor principal e diretor associado de Engenharia Editorial da 10up.

Diego iniciou a discussão observando que uma melhoria pessoal favorita para ele é a extensibilidade do bloco de navegação. Embora o bloco de navegação já exista há muito tempo, disse ele, anteriormente não era possível adicionar seus próprios blocos personalizados a ele. Agora isso é possível, disse ele.

“Parece muito pequeno, mas desbloqueia um monte de coisas”, disse Diego. “Você poderia fazer blocos personalizados que introduzissem mega menus, como eu mesmo experimentei, ou botões de carrinho de compras, esse tipo de coisa. É uma coisa muito pequena, mas acho que realmente irá desbloquear muitas coisas para os desenvolvedores.”

A unificação subjacente que aconteceu entre o site e os editores de postagem liderou a lista de Kägy. Isso permitirá que os desenvolvedores visualizem o modelo completo em qualquer página ou tipo de postagem personalizada que você esteja editando, explicou ele. Isso é particularmente útil ao trabalhar em sites complexos que possuem um “modelo extremamente complicado”, porque torna mais agradável e visual editar o conteúdo alinhado no editor de postagem, disse ele.

Ambos também disseram que estão entusiasmados com a API de interatividade e a API de ligações de bloco.

A API de interatividade é a versão atualizada do recurso lightbox para imagens, de acordo com WP Experts.io. Ele permite que os desenvolvedores criem experiências interativas dentro de blocos.

“Os desenvolvedores podem incluir outros recursos interessantes, como mostrar novos comentários ou buscar resultados de pesquisa”, observou o artigo.

A API de vinculações de blocos permite que os desenvolvedores conectem campos personalizados a blocos, de acordo com WP Experts.io. Isso também significa que os desenvolvedores podem conectar blocos principais a qualquer conteúdo dinâmico quando necessário, acrescentou.

A sessão também incluiu uma demonstração de Anne McCarthy, organizadora de produtos da Automattic e membro da equipe de lançamento do WordPress 6.5. McCarthy mostrou o novo recurso de visualização de dados projetado para agilizar a edição de sites. Os dados podem ser visualizados em uma grade ou tabela; e ao fazer alterações em massa, os desenvolvedores podem usar uma nova IU para alternar os campos. As visualizações de dados são uma etapa fundamental na reformulação do WordPress, observou o painel.

“Na verdade, estou muito mais entusiasmado com o trabalho de base para definir o futuro do que podemos fazer, porque neste ponto, hoje, isso não é superextensível”, disse Kägy. “Um dos recursos mais legais de todo esse sistema é que há uma visualização de lista, por exemplo, onde você pode salvar suas próprias listas personalizadas (e) suas próprias visualizações filtradas personalizadas. Você poderia, por exemplo, filtrar por autor nas datas de publicação e nesta categoria específica, e salvar esse filtro para poder sempre pular para aquela lista específica. E isso é algo que acredito que fará uma grande diferença para qualquer pessoa que use o WordPress no futuro.”

Angular Signals integra-se com Wiz Frameworks

O Google está introduzindo aspectos do Angular em sua estrutura interna do Wiz e pode adicionar elementos do Wiz ao Angular. O líder técnico e gerente de relações com desenvolvedores Angular do Google, Minko Gechev, discutiu as implicações com Jeremy Elbourn, líder de tecnologia de engenharia da Angular, durante a NG Conference desta semana.

Christopher Rocco, do YouTube, apresenta-se na NG Conference

Wiz é uma estrutura interna do Google usada para criar interfaces de usuário para aplicativos voltados para o consumidor, em oposição aos aplicativos Angular, que tendem a ser mais interativos e para interfaces de usuário empresariais ou empresariais, disse Elbourn. Wiz é amplamente usado no Google para aplicativos como Fotos, Pesquisa e Google Play, acrescentou Gechev, e não é de código aberto.

Mas com o tempo, os desenvolvedores perceberam que os limites entre os dois tipos de UIs estavam se confundindo e, cada vez mais, os desenvolvedores do Google que trabalhavam com o Angular queriam mais recursos do que o Angular oferecia.

“Ficou claro que essas duas estruturas diferentes estavam, na verdade, convergindo em ideias muito semelhantes, e as pessoas no Google perguntavam: por que estamos duplicando tanto trabalho?” disse Gechev.

“No ano passado, as estrelas se alinharam e tivemos um acaso, assim como procurávamos construir nossos sinais primitivos para Angular, Wiz estava pensando em fazer exatamente a mesma coisa”, acrescentou Elbourn. “Pudemos dizer, e se partilhássemos, e melhor ainda, havia uma equipe de produto que estava super entusiasmada em colaborar com Angular e Wiz nessas primitivas de sinal compartilhadas, para obter uma versão inicial rodando em produção em um cronograma bastante agressivo. .”

O YouTube colaborou com Angular e Wiz no desenvolvimento e adoção de Signals durante a maior parte do ano, de acordo com o desenvolvedor do YouTube, Christopher Rocco.

“Queríamos saber se a Signals seria uma meta de unificação viável e poderia nos ajudar a atingir nossas metas de desempenho”, disse ele. “Primeiro, o Signals atende aos pré-requisitos de cada uma de nossas plataformas, eles têm suporte universal ao navegador. Se o seu navegador suportar arrays e encerramentos, ele suportará Angular Signals.”

Usando Angular, eles reescreveram grandes partes da UI, começando com coisas que consideraram desafiadoras e representativas.

“Os resultados superaram as nossas expectativas”, disse Rocco. “Em nossos dispositivos de baixo custo, observamos uma melhoria de 35% na latência de interação na sala de estar enquanto você navega pelos blocos de vídeo. Em nossos controles de player de vídeo, somos capazes de trazer todas as nossas principais interações até 60 quadros por segundo suaves, com muito pouco esforço, muitas vezes acima de 25. Em nosso carrossel de curtas, apenas deslizando pelos vídeos, também atingir 60 quadros por segundo, menor latência de interação. E isso aumentou significativamente nossas principais métricas, como visualizações e tempo de exibição.”

O YouTube finalmente decidiu que preferia o modelo de renderização baseado em sinais, em parte porque era mais fácil alcançar alto desempenho, disse ele.

“Já estamos executando centenas desses componentes em produção”, disse ele. “Hoje, esperamos capacitar todos os aplicativos web do YouTube com sinais ao longo dos próximos dois anos.”

As equipes Wiz e Angular continuarão a colaboração, acrescentou Gechev, adicionando o melhor do Wiz ao Angular e vice-versa. Com o tempo, pode convergir para uma estrutura ou podem continuar a coexistir.

Os dois então iniciaram uma discussão sobre como outros podem integrar Signals em seus aplicativos hoje. Para ajudar com isso, a Angular está lançando quatro tipos de novas APIs baseadas em Signal:

• Consultas de sinal
• Entrada de sinal
• Nova saída
• Entradas do modelo

“Essas novas APIs fornecem um sinal dos resultados da sua consulta, esteja você usando a versão singular ou plural, e você pode então usar esse resultado do sinal dentro de uma expressão computada ou um efeito”, disse Elbroun. “No geral, eles são mais concisos, mais consistentes e têm melhor inferência de tipos.”

Microsoft apresenta controles de UI com tecnologia de IA para .NET

A Microsoft apresentou os componentes inteligentes .NET na quarta-feira. Os componentes inteligentes .NET são componentes de UI alimentados por IA que podem ser facilmente adicionados a aplicativos .NET sem redesenhar a UX ou semanas de pesquisa em aprendizado de máquina e engenharia imediata, escreveu Daniel Roth, principal gerente de produto do ASP.NET.

“Os componentes inteligentes do .NET são recursos de IA pré-construídos de ponta a ponta que você pode inserir nas UIs de aplicativos existentes para tornar seus usuários mais produtivos”, escreveu Roth.

Atualmente, eles são um experimento e inicialmente estão disponíveis apenas para Blazor, MVC e Razor Pages com .NET 6 e posterior, embora o plano seja fornecer componentes para outras estruturas de UI .NET, incluindo .NET Maui e Windows Forms.

Os recursos inteligentes atualmente disponíveis em Smart Components são:

• Smart Paste, que preenche formulários automaticamente utilizando dados da área de transferência do usuário;
• Smart TextArea, que é uma atualização inteligente da textura tradicional. Os desenvolvedores podem configurar como o preenchimento automático de frases inteiras deve ser feito usando tons, políticas e URLs personalizados; e
• Smart ComboBox, que atualiza a caixa de combinação tradicional, fazendo sugestões baseadas na correspondência semântica para ajudar os usuários a encontrar o que procuram, escreveu ele.

Os .NET Smart Components podem ser testados com Blazor ou MVC/RazorPages usando os aplicativos de amostra .NET Smart Components no GitHub, acrescentou.

O post Dev News: WordPress 6.5, Angular Signals e .NET Components apareceu pela primeira vez em The New Stack.