WebFadoni, programação, notícias, tudo sobre o mundo da programação e da tecnologia, você vai encontrar aqui no WebFadoni.

WebFadoni
07/Jul/2022 01:00

Fresh – Este novo framework Javascript é o Node-killer?

Chegou mais uma vez a hora de avaliar um novo framework Javascript… mas espere. Este não é o seu clone React comum com pequenas variações prometendo mudar tudo.

WebFadoni

Fresh é uma estrutura da Web baseada em Deno que não envia javascript para o cliente por padrão. Toda a renderização e computação em massa podem operar no servidor, e o cliente só precisa renderizar pequenas ilhas de interface do usuário.

Para quem não sabe, Deno é um runtime para Javascript construído pelo criador original do NodeJS como uma solução para muitos dos problemas com o Node original. Embora o ecoespaço ainda seja bastante subdesenvolvido, o Fresh pode ser apenas a estrutura que coloca o Deno no mapa.

Arquitetura Fresh

As duas partes principais de um aplicativo Fresh são rotas e ilhas.

As rotas são a maneira como seu aplicativo Web responde a diferentes solicitações. Isso pode significar veicular uma resposta como parte de uma API ou veicular HTML para seu front-end.

As ilhas são componentes preact isolados (efetivamente uma versão mais leve do React) que são renderizados no lado do cliente. Você pode servi-los ao cliente por meio de rotas. O Fresh lida automaticamente com a atualização das Ilhas para minimizar os tempos de carregamento do cliente.

Você pode criar novas rotas e ilhas criando arquivos nas pastas /routes e /islands respectivamente.

Como a maior parte do processamento é feita no lado do servidor, o Fresh pode carregar páginas consideravelmente mais rápido do que a maioria dos frameworks que usam renderização do lado do cliente e até mesmo muitos renderizações do lado do servidor (já que o Fresh não envia toda a infraestrutura de renderização para o cliente)

Demo Application

Quer brincar com uma demo? Primeiro instale o Deno e em seguida, crie um projeto de demonstração com:

deno run -A -r https://fresh.deno.dev my-project-name

E então execute o projeto com:

deno task start

Conclusão

Trabalhar com o Fresh foi incrivelmente leve e simples em comparação com a maioria dos novos frameworks que testei para o blog.

O sistema de roteamento/ilha é incrivelmente intuitivo e resolve muitos dos problemas de inchaço que tornam os frameworks da web indesejáveis. Eu planejo usar o Fresh para alguns projetos no futuro.

Obviamente, o maior desafio ao trabalhar com o Fresh é o tamanho do ecossistema Deno, mas o Fresh honestamente parece um passo grande o suficiente na direção certa para justificar as dores de crescimento do Deno.