Nova estrutura permite que os desenvolvedores explorem os componentes do React Server

Agora existe uma estrutura mínima para componentes do React Server chamada Waku – japonês para “frame ou estrutura”. Embora ainda não seja recomendado para produção, está pronto para desenvolvedores que desejam explorar os recursos do RSC, disse seu criador.

Daishi Kato escreveu o Waku, bem como o Zustand (uma biblioteca de gerenciamento de estado para aplicativos React) e o Jotai (outra ferramenta de gerenciamento de estado, para a qual ele construiu a biblioteca). Waku está sendo desenvolvido ativamente em direção ao nível de produção, disse ele.

“Neste ponto, ele está pronto para brincar, o que significa que você pode tentar aprender comportamentos RSC, implementar um novo aplicativo com recursos RSC e tentar migrar um aplicativo existente para Waku”, disse Kato ao The New Stack. . “No entanto, ainda não o recomendamos oficialmente para produção, pois as APIs ainda podem mudar.”

Por que outro framework JS?

Nós sabemos, nós sabemos – outra estrutura JavaScript. Mas esta estrutura específica do React serve a vários propósitos específicos.

“Queremos aprender RSC, mas muitas vezes ele está vinculado a outros recursos de uma estrutura”, explicou Kato. “Gostaria de separá-los e espero que isso ajude as pessoas a aprender e compreender melhor o RSC.”

Os desenvolvedores também querem uma estrutura mínima, disse ele, acrescentando que os casos de uso do React são amplos.

“SPA ainda é um dos principais casos de uso”, disse ele. “Estruturas mais ricas fornecem mais recursos que o SPA não exige.”

Além disso, Kato queria adicionar suporte para RSC ao Zustand e ao Jotai. Ele não queria esperar que outras estruturas criassem essa oportunidade para ele, então decidiu criar sua própria estrutura.

Embora a estrutura JavaScript Next.js suporte RSC, a API mínima está vinculada a um roteador específico – um problema importante, já que com RSC a renderização acontece no servidor, de acordo com o Bytes Newsletter. O Waku não está vinculado a um roteador específico e, portanto, permite que mais experimentações venham do resto do ecossistema React, explicou Bytes, acrescentando que o Waku é construído sobre o Vite, portanto, não há APIs dependentes de Node.

“O RSC ainda depende de uma estrutura – ou pelo menos de um pacote – para implementação. No entanto, à medida que as estruturas introduzem o RSC além de seus recursos existentes de geração de sites estáticos (SSG) e renderização do lado do servidor (SSR), aprender e experimentar como desenvolver aplicativos ou bibliotecas exclusivamente com recursos RSC é um tanto complicado”, explicou Kato em um comunicado. site sobre e desenvolvido em Waku.

Waku permite que os desenvolvedores explorem os principais recursos de RSC e as melhores práticas de RSC “independentemente das estratégias tradicionais de SSG/SSR, que são funcionalidades opcionais de aceitação”, escreveu ele.

Mas o que os desenvolvedores aprendem sobre RSC com Waku deve ser transferível para outras estruturas, disse ele ao The New Stack.

“A boa notícia é que a API original do Waku é mínima, então o que você aprende sobre o RSC é mais comum entre o Waku e outras estruturas”, disse ele.

O que Waku inclui

Para usar o Waku, os desenvolvedores precisam conhecer bem o React e ter um conhecimento básico de RSC, que pode ser obtido na documentação do React e do Next.js, disse ele.

Bytes observou que Waku fornece uma API de servidor, uma API de cliente e roteamento que vem com um roteador opcional do lado do cliente e do lado do servidor.

Kato não estava interessado em construir um bundler, então ele fez o que outros frameworks JavaScript estão fazendo cada vez mais: ele recorreu ao Vite, um servidor de desenvolvimento local.

“Vite é um empacotador e bastante extensível”, disse ele. “Vite também fornece um servidor de desenvolvimento, que também é um recurso fundamental para um melhor DX.”

Enquanto o Waku permite que os desenvolvedores experimentem o RSC fora do Vercel, que mantém o Next.js. A Vercel patrocinou o Waku via GitHub e é possível implantar na plataforma da Vercel.

“Vercel suporta a implantação de qualquer estrutura de frontend”, escreveu Kato no site de Waku. “Usamos a API Build Output para produzir resultados do Waku, que podem ser implantados no Vercel.”

Waku é de código aberto sob a licença do MIT. A documentação ainda está em andamento, mas há uma discussão no GitHub e um link do Discord no menu do site Waku onde os desenvolvedores podem aprender mais.

A postagem Nova estrutura permite que os desenvolvedores explorem os componentes do servidor React apareceu pela primeira vez em The New Stack.