rakkasjs

Marco react de borde de sangrado alimentado por vite

Lea la guía | Prueba CodesandBox | Prueba Stackblitz

---

Rakkas es un marco React React Full-Stack de vanguardia alimentado por VITE. Puede considerarlo una alternativa prometedora a Next.js, Remix o Gatsby.

• Chatear en Discord
• Sigue en Twitter

Las características importantes son:

• ⚡ Servidor de desarrollo rápido de Lightning
• Transmisión de SSR con suspenso
• ? Renderización dinámica (páginas estáticas completas para bots, transmisión para navegadores)
• Sistema de recuperación de datos sin API
• Soporte para entornos de trabajadores sin servidor
• ? Generación de sitios estático
• ? Enrutador del sistema de archivos flexible
• Rutas API con soporte de middleware

¿Rakkas es adecuado para ti?

• Aunque se han implementado muchas características, Rakkas todavía está bajo un gran desarrollo. Utiliza características experimentales y/o beta de React y Vite. Las versiones menores introducirán cambios de ruptura hasta que llegamos a 1.0. Como tal, aún no está listo para el uso de producción . Si necesita un marco React Stable, pruebe Next.js, Remix o Gatsby.
• Rakkas es bastante obstinado. Si necesita más flexibilidad, intente vite-ssr-plugin.

Empezando

Vea Rakkas en acción en su navegador:

• Codesandbox
• Stackblitz

Para generar una aplicación Rakkas Boilerplate, use uno de los siguientes 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

El inicializador del proyecto create-rakkas-app viene con muchas características, todas las cuales son opcionales, pero recomendamos encarecidamente habilitar TypeScript y la generación de un proyecto de demostración en su primer intento porque las definiciones de tipo autodocumental permiten una curva de aprendizaje más suave y el código fuente del proyecto de demostración viene con muchos comentarios.

? Si prefiere una configuración manual, puede instalar los siguientes paquetes:

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

Luego cree un archivo src/routes/index.page.jsx como este:

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

Ahora puedes:

• Iniciar un servidor de desarrollo con npx rakkas
• Construir con npx rakkas build
• Iniciar con node dist/server/index.js

Créditos

• Fatih Aygün y sus contribuyentes, bajo la licencia del MIT.
• Logomark: "Flamenco" de GZZ de sustantivo Project (no afiliado) bajo Creative Commons Attribution Licencia genérica (CCBY)
• Las partes de la CLI se basan en VITE CLI por Yuxi (Evan) usted (no afiliado) y los contribuyentes vitados (no afiliados), utilizados bajo la licencia MIT.
• Paquete NPM publicado Bundle el siguiente software:
  • @brillout/json-serializer de Romuald Brillout (no afiliado), utilizado bajo la licencia MIT.
  • react-error-boundary de Brian Vaughn (no afiliado), utilizado bajo la licencia del MIT
  • @microsoft/fetch-event-source por Microsoft Corporation (no afiliado), utilizado bajo la licencia MIT

Colaboradores

Historial de versiones

0.7.0 (instalar con rakkasjs@next )

• Reemplace react-helmet-async con un componente personalizado (reduce el tamaño del paquete por 17kb)

0.6.0

• Reaccionar 18
  • Modo concurrente
  • Transmisión de SSR
  • Suspenso para obtener datos
• Vite 3
  • ESM SSR Build ( "type": "module" )
  • Inicio en frío mejorado
• Sistema de obtención de datos nuevos
  • react-query -Inspirado useQuery y useMutation
  • Manejadores de acción inspirados en remix
  • Obtención de datos sin API con useServerSideQuery
  • Funciones preload sin cascada
  • Manitadores de acción de forma inspirada en remix
• Cascarón
  • Manejo HTTP basado en estándares web
  • Adaptadores para Vercel Edge, Netlify Edge y Deno/Deno Deploy
  • Integración expresa
• Mejoras de enrutamiento
  • Rutina
  • Rutas de atrapar
  • Manejo 404 más simple
• Misceláneas
  • Personalización de encabezados de respuesta
  • Configuración de Eslint compartida

0.5.0

• Soporte sin servidor (Vercel, NetLify, CloudFlare Workers)
• Navegación mejorada del lado del cliente
• Mejorado mejorado ssrromuald
• Pre-renderizado parcial
• Páginas solo para cliente
• URL localizables
• Configuración de encabezado Cache-control

0.4.0

• Generación de sitios estático
• Cambiar para reaccionar tiempo de ejecución JSX automático
• Ejemplos de integración (Apollo GraphQL, Componentes de estilo, MDX, CSS de Vailín
• Más opciones en el generador de proyectos
• Muchas características y soluciones menores
• Documentación muy expandida