rakkasjs

Estrutura de reação de borda de borda alimentada por vite

Leia o guia | Experimente o CodESandBox | Experimente o Stackblitz

---

Rakkas é uma estrutura de reação de pilha completa de ponta sangrada, alimentada pela Vite. Você pode considerá-lo uma alternativa promissora ao Next.js, Remix ou Gatsby.

• Converse na discórdia
• Siga no Twitter

Recursos importantes são:

• ⚡ Lightning Fast Development Server
• Streaming ssr com suspense
• ? Renderização dinâmica (páginas estáticas completas para bots, streaming para navegadores)
• Sistema de busca de dados sem API
• Suporte para ambientes sem servidor e trabalhador
• ? Geração estática do local
• ? Roteador de sistema de arquivos flexível
• Rotas de API com suporte de middleware

Rakkas está certo para você?

• Embora muitos recursos tenham sido implementados, os Rakkas ainda estão sob desenvolvimento pesado. Ele usa recursos experimentais e/ou beta do React e Vite. Os lançamentos menores introduzirão mudanças de ruptura até atingirmos o 1.0. Como tal, ainda não está pronto para o uso da produção . Se você precisar de uma estrutura de reação estável, tente a seguir. JS, Remix ou Gatsby.
• Rakkas é bastante opinativo. Se você precisar de mais flexibilidade, tente Vite-SSR-Plugin.

Começando

Veja Rakkas em ação em seu navegador:

• Código e caixa
• Stackblitz

Para gerar um relatório Rakkas, use um dos seguintes comandos:

npx create-rakkas-app@latest my-rakkas-app
# or
pnpm create rakkas-app my-rakkas-app
# or
yarn create rakkas-app my-rakkas-app

O Inicializador do Projeto create-rakkas-app vem com muitos recursos, todos opcionais, mas recomendamos fortemente permitir o TypeScript e a geração de um projeto de demonstração em sua primeira tentativa, porque as definições de tipo de auto-documentação permitem uma curva de aprendizado mais suave e o código-fonte do projeto Demo vem com muitos comentários.

? Se você preferir uma configuração manual, pode instalar os seguintes pacotes:

npm install --save react react-dom
npm install --save-dev vite rakkasjs

Em seguida, crie um arquivo src/routes/index.page.jsx como este:

 export default function HomePage ( ) {
  return < h1 > Hello world! </ h1 > ;
}

Agora você pode:

• Inicie um servidor de desenvolvimento com npx rakkas
• Construir com npx rakkas build
• Inicie com node dist/server/index.js

Créditos

• Fatih Aygün e colaboradores, sob licença do MIT.
• Logomark: "Flamenco" do GZZ From Subster Project (não afiliado) sob a Licença Genérica do Creative Commons Attribution (CCBY)
• Partes da CLI são baseadas na CLI Vite por Yuxi (Evan) você (não afiliado) e vite colaboradores (não afiliados), usados sob licença do MIT.
• Publicou o pacote NPM pacotes o seguinte software:
  • @brillout/json-serializer por Romuald Brillout (não afiliado), usado sob licença do MIT.
  • react-error-boundary por Brian Vaughn (não afiliado), usado sob licença do MIT
  • @microsoft/fetch-event-source da Microsoft Corporation (não afiliado), usado sob licença do MIT

Colaboradores

Histórico da versão

0.7.0 (instale com rakkasjs@next )

• Substitua react-helmet-async por um componente personalizado (reduz o tamanho do pacote por 17kb)

0.6.0

• Reaja 18
  • Modo simultâneo
  • Streaming ssr
  • Suspense para buscar dados
• Vite 3
  • ESM SSR Build ( "type": "module" )
  • Início frio melhorado
• Novo sistema de busca de dados
  • react-query -Inspirou useQuery e useMutation
  • Manipuladores de ação inspirados em remix
  • Dados sem API buscando com useServerSideQuery
  • Funções de pré- preload sem cachoeiras
  • Manipuladores de ação de formulário inspirados em remix
• Hattip
  • Manuseio HTTP com base nos padrões da Web
  • Adaptadores para VERCEL Edge, Netlify Edge e Deno/Deno Implement
  • Integração expressa
• Melhorias de roteamento
  • Guardas de rota
  • Rotas de captura-total
  • Manuseio 404 mais simples
• Variado
  • Cabeçalhos de resposta personalização
  • Configuração de ESLint compartilhada

0.5.0

• Suporte sem servidor (Vercel, Netlify, Cloudflare Workers)
• Navegação melhorada no lado do cliente
• Ssrromuald Brillout aprimorado
• Pré-renderização parcial
• Páginas somente para clientes
• URLs localizáveis
• Configuração do cabeçalho Cache-control

0.4.0

• Geração estática do local
• Mudar para reagir tempo de execução automático JSX
• Exemplos de integração (Apollo GraphQL, componentes estilizados, MDX, CSS do Tailwind CSS)
• Mais opções no gerador do projeto
• Muitos recursos e correções menores
• Documentação muito explorada