rakkasjs Download - rakkasjs Téléchargement du code source

rakkasjs

Code Source AI

0.6.3

Télécharger

Cadre de réaction à bord de saignement propulsé par Vite

Lisez le guide | Essayez de codes et de boîte à codes | Essayez Stackblitz

Rakkas est un cadre de réact complet à bord de bord saignant propulsé par Vite. Vous pouvez le considérer comme une alternative prometteuse à Next.js, Remix ou Gatsby.

Discuter sur la discorde
Suivez sur Twitter

Les caractéristiques importantes sont:

⚡ Serveur de développement rapide Lightning Fast
Streaming SSR avec suspense
? Rendu dynamique (pages statiques complètes pour les robots, streaming pour les navigateurs)
Système de récupération de données sans api-API
Prise en charge des environnements sans serveur et travailleurs
? Génération de sites statique
? Routeur de système de fichiers flexible
Itinéraires API avec support middleware

Rakkas vous a-t-il raison?

Bien que de nombreuses fonctionnalités aient été mises en œuvre, Rakkas est toujours en cours de développement intense. Il utilise des caractéristiques expérimentales et / ou bêta de React et Vite. Les sorties mineures introduiront les changements de rupture jusqu'à ce que nous atteignions 1,0. En tant que tel, il n'est pas encore prêt pour une utilisation en production . Si vous avez besoin d'un framework React stable, essayez Next.js, Remix ou Gatsby.
Rakkas est assez opiniâtre. Si vous avez besoin de plus de flexibilité, essayez Vite-SSR-Plugin.

Commencer

Voir les rakkas en action dans votre navigateur:
Boîte de codes
Stackblitz

Pour générer une application Rakkas, utilisez l'une des commandes suivantes:

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

L'initialisation du projet create-rakkas-app est livrée avec de nombreuses fonctionnalités, toutes facultatives, mais nous recommandons fortement d'activer TypeScript et la génération d'un projet de démonstration lors de votre premier essai, car les définitions de type d'auto-documentation permettent une courbe d'apprentissage plus lisse et le code source du projet de démonstration est livré avec de nombreux commentaires.

? Si vous préférez une configuration manuelle, vous pouvez installer les packages suivants:
npm install --save react react-dom
npm install --save-dev vite rakkasjs
Créez ensuite un fichier src/routes/index.page.jsx comme ceci:
 export default function HomePage ( ) {
  return < h1 > Hello world! </ h1 > ;
}
Maintenant, vous pouvez:
Démarrer un serveur de développement avec npx rakkas
Construire avec npx rakkas build
Lancez avec node dist/server/index.js

Crédits

Fatih Aygün et contributeurs, sous licence du MIT.
Logomark: «Flamenco» par GZZ de Noun Project (non affilié) sous Creative Commons Attribution Generic Licence (CCBY)
Les parties de la CLI sont basées sur Vite CLI par Yuxi (Evan) vous (non affilié) et les contributeurs VITE (non affiliés), utilisés sous licence MIT.
Le package NPM publié regroupe le logiciel suivant:
- @brillout/json-serializer par Romuald Brillout (non affilié), utilisé sous la licence MIT.
- react-error-boundary par Brian Vaughn (non affilié), utilisé sous licence MIT
- @microsoft/fetch-event-source par Microsoft Corporation (non affilié), utilisé sous licence MIT

Contributeurs

Historique des versions

0.7.0 (installer avec `rakkasjs@next` )

Remplacez react-helmet-async par un composant personnalisé (réduit la taille du faisceau de 17 Ko)

0.6.0

Réagir 18
- Mode simultané
- Streaming SSR
- Suspense pour les données récupérant
Vite 3
- ESM SSR Build ( "type": "module" )
- Démarrage à froid amélioré
Système de récupération des données
- useQuery inspirée de react-query et useMutation
- Handleurs d'action inspirés du remix
- API useServerSideQuery
- Fonctions preload sans cascade
- Handleurs d'action de formulaire inspiré du remix
Hattip
- HTTP Gestion en fonction des normes Web
- Adaptateurs de Vercel Edge, Netlify Edge et Deno / Deno Deploy
- Intégration express
Améliorations de routage
- Gardiens de route
- Routes fourre-tout
- Manipulation plus simple 404
Divers
- Personnalisation des en-têtes de réponse
- Configuration d'eslint partagée