UIX: uma estrutura de desenvolvimento Web Full Stack que aproveita o Deno

Existem alguns fatos que os desenvolvedores de aplicativos da web devem saber sobre a estrutura de desenvolvimento web full-stack UIX.

A primeira é que foi desenvolvido pelos primos alemães Benedikt Strehle e Jonas Strehle. Os Strehles vêm desenvolvendo juntos há mais de 10 anos, disseram eles ao The New Stack, e estão trabalhando no UIX como parte de um projeto maior e abrangente chamado Unyt.org. (Os desenvolvedores também podem encontrar o projeto no GitHub.)

A segunda é que o UIX pode ser usado para construir aplicações web que rodam no navegador ou em dispositivos móveis. O UIX permite que os desenvolvedores escrevam código de front-end e back-end em um único projeto Deno.

Uma grande vantagem que o Deno traz para a mesa é que ele testa o suporte nativo ao TypeScript, que os Strehles queriam para que os desenvolvedores não tivessem que compilar seus arquivos TypeScript todas as vezes; está apenas integrado ao tempo de execução. O Deno também ofereceu suporte para todas as APIs que os Strehles queriam usar, enquanto o Node não.

UIX pode ser um exagero para um site simples, disse o co-criador Jonas Strehle, mas brilha quando você não quer se preocupar com dependências no back-end.

“UIX é mais a combinação entre lógica backend e lógica frontend, tendo algum aplicativo de renderização do lado do servidor, por exemplo, algum conteúdo dinâmico e tudo mais”, disse ele. “Você é capaz, como desenvolvedor, de importar funções de backend, por exemplo, ou valores de backend, e pode simplesmente usá-los no frontend como se estivessem no frontend, mesmo que, em segundo plano, eles não sejam realmente na parte frontal. Eles existem no frontend como uma cópia, mas tudo o que você faz, como adicionar dados a um array, por exemplo, também é refletido no backend.”

“Tentamos tornar isso o mais confortável possível para os desenvolvedores (para que) eles não precisem verificar quais dependências precisam e o que precisam para configurar um aplicativo UIX.”
— Benedikt Strehle, cocriador do UIX.

Para rodar o UIX, o Deno deve estar instalado, pois ele roda em um único Projeto Deno. Não há necessidade de criar bancos de dados, disse Benedikt.

“Já está tudo integrado. Além disso, o mesmo para as implantações, também temos algumas funcionalidades ainda limitadas, mas também integradas (para que) você possa implantar imediatamente seu aplicativo de dentro do UIX no GitHub ou usando ações do GitHub”, disse Benedikt Strehle. “Tentamos tornar isso o mais confortável possível para os desenvolvedores (para que) eles não precisem verificar quais dependências precisam e o que precisam para configurar um aplicativo UIX.”

UIX é uma estrutura baseada em TypeScript que combina aspectos de React, Angular e outras estruturas JavaScript. Também difere dessas estruturas. Por exemplo, React e estruturas semelhantes introduziram novos conceitos, como componentes, para o desenvolvimento web e criaram soluções alternativas para otimizar a renderização do navegador, como o Virtual DOM.

Mas hoje, os navegadores adicionaram novos padrões para componentes web, modelos e roteamento, de acordo com a documentação do UIX. Portanto, em vez de adotar uma abordagem semelhante ao React que funciona em torno do navegador, a estrutura UIX “incentiva o uso de APIs Web nativas e não se concentra tanto na renderização HTML e nas otimizações do navegador”, o site UIX, que é construído com UIX, explica.

UIX suporta sintaxe JSX para criação de elementos HTML e SVG. O React também é baseado na sintaxe JSX, disse Benedikt Strehle, cofundador da unyt.org. É aí que as semelhanças terminam.

Reaja para fazer uma lista através do blog da Unidade. Abaixo, a mesma lista no UIX.

“Queremos ter uma reatividade muito fina, por isso não fazemos como o React”, disse Benedikt Strehle. “Não temos componentes funcionais que são executados repetidamente. Estamos fazendo uma reatividade detalhada, por exemplo, se você tiver um botão e apenas atualizar o texto do botão ou o estado do botão. A outra parte muito importante em relação à reatividade no UIX é que a reatividade funciona em redes cruzadas por padrão, para que você possa atualizar e sincronizar qualquer estado reativo entre, digamos, o backend e o frontend ou vários clientes frontend. E tudo isso está integrado no UIX.”

Atualmente, o UIX está sendo ensinado a estudantes da Universidade de Berlim, acrescentou Jonas Strehle. Modelos UIX estão disponíveis. Para ver um aplicativo de exemplo, verifique este aplicativo meteorológico como um exemplo de aplicativo da web construído em UIX.

DATEX é a base da estrutura UIX

A estrutura UIX é construída na biblioteca JavaScript DATEX. UIX é essencialmente uma extensão do DATEX JS Runtime. Ele adiciona novas interfaces de tipo para elementos HTML nativos e classes de componentes personalizados, explica a documentação.

DATEX é um protocolo de comunicação que fornece troca e sincronização de dados em tempo real na Supranet. Foi desenvolvido pela equipe da Unidade para troca de dados entre backend e frontend, disse Benedikt Strehle.

“Também pode ser usado como uma linguagem que também poderia escrever um aplicativo com DATEX, como uma linguagem de programação, mas é mais a parte do protocolo que é importante para o UIX”, disse ele.

A documentação explicava que o UIX “abstrai a complexidade da comunicação entre servidores e clientes – não há necessidade de pensar em APIs, serialização ou armazenamento de dados”. A biblioteca JavaScript DATEX atua como a espinha dorsal do UIX, acrescentou, “fornecendo funcionalidades úteis, como reatividade, estado restaurável e troca de dados entre dispositivos”.

A estrutura UIX cria uma “abstração amigável ao desenvolvedor em torno do DATEX JS para criar aplicativos da web reativos de pilha completa”, afirma a documentação. A biblioteca DATEX JS, por sua vez, “permite reatividade refinada com processamento entre dispositivos, incluindo sincronização de dados”.

A documentação cita os seguintes casos de uso para a biblioteca DATEX JS:
• Reatividade do lado do cliente (por exemplo, aplicativos web reativos como React)
• Reatividade entre dispositivos (por exemplo, jogos multijogador)
• Troca e sincronização seguras de dados de ponta a ponta (por exemplo, mensageiros criptografados de ponta a ponta)
• computação distribuída (por exemplo, algoritmos de blockchain)

A implementação atual da biblioteca DATEX JS ainda é uma versão beta; a equipe Unyt está trabalhando em uma nova implementação Rust estável da biblioteca DATEX Core que promete ter muito mais desempenho.

Construindo para a SupraNet

Há mais dois fatos que os desenvolvedores devem saber sobre o UIX: primeiro, ele ainda não está em uma versão estável, pois precisa de mais testes por parte dos usuários, disse Jonas Strehle.

Em segundo lugar, como mencionado anteriormente, é que o UIX faz parte de um projeto maior chamado Unyt.org. O objetivo da Unyt é construir uma alternativa descentralizada e focada na privacidade à internet clássica que eles chamam de Supranet. A Supranet tenta mitigar o problema da propagação e propriedade de dados, por exemplo, apoiando a criptografia ponta a ponta como configuração padrão, acrescentou. Além disso, é descentralizado, portanto, se um serviço for desligado, a Internet não cairá.

“O UIX começou como um projeto paralelo, mas atualmente nossa visão para o UIX é que ele sirva como ponto de partida para a criação desta versão maior do Supranet”, disse Benedikt Strehle. “Talvez pareça um pouco exagerado, mas o nosso plano é criar – não uma alternativa completa à Internet, é claro que não substituiremos a Internet existente amanhã pela tecnologia – mas pensamos com as tecnologias certas em lugar, combinados, podemos gerar um caminho para as pessoas que usam a privacidade.”

A postagem UIX: uma estrutura de desenvolvimento Web Full Stack que aproveita o Deno apareceu pela primeira vez em The New Stack.