rakkasjs

React-Rahmen für Blutungen von VITE angetrieben

Lesen Sie den Leitfaden | Probieren Sie Codesandbox | Probieren Sie Stackblitz an

---

Rakkas ist ein Full-Stapel-React-Gerüst, das von VITE angetrieben wird. Sie können es als eine aufstrebende Alternative zu Next.js, Remix oder Gatsby betrachten.

• Chatten Sie über Zwietracht
• Folgen Sie auf Twitter

Wichtige Merkmale sind:

• ⚡ Lightning Fast Development Server
• Streaming SSR mit Spannung
• ? Dynamisches Rendering (vollständige statische Seiten für Bots, Streaming für Browser)
• API-LEST-Daten abrufen System
• Unterstützung für serverlose und Arbeiterumgebungen
• ? Statische Stättengenerierung
• ? Flexibler Dateisystemrouter
• API -Routen mit Middleware Support

Ist Rakkas das Richtige für Sie?

• Obwohl viele Merkmale implementiert wurden, befindet sich Rakkas immer noch stark. Es verwendet experimentelle und/oder Beta -Merkmale von React und VITE. Kleinere Veröffentlichungen führen zu Breaking -Änderungen, bis wir 1.0 erreicht haben. Als solches ist es noch nicht bereit für die Produktion . Wenn Sie ein stabiles React -Framework benötigen, versuchen Sie es mit Next.js, Remix oder Gatsby.
• Rakkas ist ziemlich aufmerksam. Wenn Sie mehr Flexibilität benötigen, versuchen Sie es mit Vite-SSR-Plugin.

Erste Schritte

Siehe Rakkas in Aktion in Ihrem Browser:

• Codesandbox
• Stackblitz

Um eine Rakkas -Anwendungskesselplatte zu generieren, verwenden Sie einen der folgenden Befehle:

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

create-rakkas-app Project Initializer verfügt über viele Funktionen, die alle optional sind. Wir empfehlen jedoch dringend, Typscript und die Erzeugung eines Demo-Projekts bei Ihrem ersten Versuch zu aktivieren, da selbstdokumentierende Definitionen eine reibungslosere Lernkurve ermöglichen und der Demo-Projekt-Quellcode mit vielen Kommentaren geliefert wird.

? Wenn Sie ein manuelles Setup bevorzugen, können Sie die folgenden Pakete installieren:

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

Erstellen Sie dann eine src/routes/index.page.jsx -Datei wie folgt:

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

Jetzt können Sie:

• Starten Sie einen Entwicklungsserver mit npx rakkas
• Bauen Sie mit npx rakkas build
• Starten Sie mit node dist/server/index.js

Credits

• Fatih Aygün und Mitwirkende unter MIT -Lizenz.
• Logomark: „Flamenco“ von GZZ vom NOUN -Projekt (nicht verbunden) unter Creative Commons Attribution Generic Lizenz (CCBY)
• Teile der CLI basieren auf Vite CLI von Yuxi (Evan) Sie (nicht verbunden) und vite -Mitwirkenden (nicht verbunden), die unter MIT -Lizenz verwendet werden.
• Veröffentlichtes NPM -Paket bündelt die folgende Software:
  • @brillout/json-serializer von romuald brillout (nicht verbunden), verwendet unter MIT lizenz.
  • react-error-boundary von Brian Vaughn (nicht verbunden), der unter MIT-Lizenz verwendet wird
  • @microsoft/fetch-event-source von Microsoft Corporation (nicht verbunden), verwendet unter MIT-Lizenz

Mitwirkende

Versionsgeschichte

0.7.0 (Installieren Sie mit rakkasjs@next )

• react-helmet-async durch eine benutzerdefinierte Komponente ersetzen (reduziert die Bündelgröße um 17 KB)

0,6,0

• Reagieren 18
  • Gleichzeitiger Modus
  • Streaming SSR
  • Spannung für das Abholen von Daten
• Vite 3
  • ESM SSR Build ( "type": "module" )
  • Verbesserter Kaltstart
• Brandneues Datenabrufsystem
  • react-query -inspiriert useQuery und useMutation
  • Remix-inspirierte Aktionshandler
  • API-LEST-Daten, die mit useServerSideQuery abrufen
  • Wasserfallfreie preload
  • Remix-inspirierte Form-Aktion-Handler
• Hattip
  • HTTP -Handhabung basierend auf Webstandards
  • Adapter für Vercel Edge, Netlify Edge und Deno/Deno -Bereitstellung
  • Express -Integration
• Routing -Verbesserungen
  • Routenwächter
  • Alle Routen fangen
  • Einfacher 404 Handling
• Verschiedenes
  • Antwortkanalanpassung
  • Shared ESLINT -Konfiguration

0.5.0

• Serverlose Unterstützung (Vercel, Netlify, Cloudflare -Mitarbeiter)
• Verbesserte kundenseitige Navigation
• Verbessertes SSRROMUMD -Brunnen
• Partielle Vorrenderung
• Nur-Kunden-Seiten
• Lokalisierbare URLs
• Cache-control -Headereinstellung

0.4.0

• Statische Stättengenerierung
• Wechseln Sie, um die automatische JSX -Laufzeit zu reagieren
• Integrationsbeispiele (Apollo GraphQL, gestaltete Komponenten, MDX, Tailwind CSS)
• Weitere Optionen im Projektgenerator
• Viele kleinere Funktionen und Korrekturen
• Viel expandierte Dokumentation