vitext

Vitext ⚡

Le framework suivant.js comme React pour une meilleure expérience des utilisateurs et des développeurs

• Démarrage du serveur instantané
• ? Soutien à suspense
• ⚫ Suivant.js comme l'API
• ? Construction optimisée
• ? Construire et exporter sur la mouche
• Lightning SSG / SSR
• ⚡ HMR rapide
• ? Vite & Rollup compatible

intro.mp4

 npm install vitext

Vitext (Vite + Next) est un outil SSG / SSR Fast Fast Lightning qui vous permet de développer des applications frontales meilleures et plus rapides. Il se compose de ces parties principales:

Démarrage du serveur instantané

Le serveur de développement utilise des modules ES natifs, vous allez donc faire en sorte que votre serveur d'applications React REACT et le client rendent très rapidement, en moins d'une demi-seconde pour moi.

? Soutien à suspense

Vitext prend en charge React Sussen et paresseux hors de la boîte.

 import { lazy , Suspense } from 'react' ;

const Component = lazy ( ( ) => import ( '../components/Component' ) ) ;
const Loading = ( ) => < p > Loading the Component < / p>;

const App = ( ) => {
  return (
    < Suspense fallback = { < Loading / > } >
	  < Component / >
    < / Suspense >
  ) ;
} ;

⚫ Suivant.js comme l'API

Si vous venez d'un fond Next.js, tout fonctionnera de la même manière pour vous. Vitext a une conception d'API similaire à Next.js.

 // pages/Page/[id].jsx
const Page = ( { id } ) => {
  return < div > { id } < / div>;
} ;

// build time + request time (SSG/SSR/ISR)
export function getProps ( { req , res , query , params } ) {
  // props for `Page` component
  return { props : { id : params . id } } ;
}

// build time (SSG)
export async function getPaths ( ) {
  // an array of { params: ... }, which every `params` goes to `getProps`  
  return {
    paths : [ { id : 1 } ] ,
  } ;
}

export default IndexPage ;

getPaths et getProps sont facultatifs. Si l'exécution de getPaths s'est terminée, chaque élément paths sera transmis à une fonction getProps , et lorsque l'utilisateur demande la page spécifique, ils recevront le HTML (SSG) exporté. Mais si getPaths n'a pas été terminé ou qu'il n'y a pas de page HTML exportée pour la demande de l'utilisateur, le getProps sera appelé avec les paramètres de la demande de l'URL (SSR).

? Construction optimisée

Vitext utilise l'approche de construction et de regroupement de Vite, il regroupe donc votre code de manière rapide et optimisée.

? Construire et exporter sur la mouche

Vous n'avez pas besoin d'attendre les exportations HTML de votre application, car VITEXT exporte des pages vers HTML simultanément lors de la description de votre application, donc pas next export .

Lightning SSR / SSG

Les modules ES, les compléments rapides et les travailleurs Web autonomisent la stratégie VITEXT SSR / SSG, vous aurez donc un SSR / SSG étonnamment rapide.

⚡ HMR rapide

Vitext utilise @ vitejs / plugin-react-refresh sous le capot, vous avez donc un HMR rapide ici.

? Vite & Rollup compatible

Nous pouvons appeler Vitext un superset de Vite; Cela signifie que VITEXT prend en charge tout ce qui prend en charge Vite avec vitext.config.js .

 // exact Vite's config API 
export default {
  plugins : [ ... ] ,
  optimizeDeps : { ... } ,
  ...
} ; 

Exemples

Vous pouvez vérifier le répertoire des packages / exemples pour voir des exemples qui ont été implémentés à l'aide de VITEXT.

Contribution

Nous sommes maintenant dans les premières étapes, nous avons donc besoin de votre aide sur Vitext; Veuillez essayer les choses, recommander de nouvelles fonctionnalités et émettre des trucs. Vous pouvez également consulter les problèmes pour voir si vous pouvez travailler sur certains.

Licence

Mit