vitext

VITEXT ⚡

El siguiente.js como React Framework para una mejor experiencia de usuario y desarrollador

• Inicio del servidor instantáneo
• ? Soporte de suspenso
• ⚫ Next.js como API
• ? Construcción optimizada
• ? Construir y exportar sobre mosca
• Lightning SSG/SSR
• ⚡ Fast HMR
• ? VITE & ROLLUP COMPATIBLE

intro.mp4

 npm install vitext

Vitext (Vite + Next) es una herramienta Lightning Fast SSG/SSR que le permite desarrollar aplicaciones frontales mejores y más rápidas. Consiste en estas partes principales:

Inicio del servidor instantáneo

El servidor de desarrollo utiliza módulos ES nativos, por lo que tendrá su servidor React Rendered y el cliente muy rápido, menos de medio segundo para mí.

? Soporte de suspenso

Vitext admite React Suspense y Lazy fuera de la caja.

 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 >
  ) ;
} ;

⚫ Next.js como API

Si viene de un siguiente fondo, todo funcionará de la misma manera para usted. Vitext tiene un diseño API similar a 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 y getProps son opcionales. Si la ejecución de getPaths se realizó, entonces cada elemento paths se pasará a una función getProps , y cuando el usuario solicite la página específica, recibirán el HTML exportado (SSG). Pero si getPaths no se realizó o no hay una página HTML exportada para la solicitud del usuario, entonces se llama a getProps con los parámetros de la URL de solicitud (SSR).

? Construcción optimizada

Vitext utiliza el enfoque de construcción y agrupación de Vite, por lo que agrupa su código de manera rápida y optimizada.

? Construir y exportar sobre mosca

No necesita esperar las exportaciones de HTML de su aplicación porque Vitext exporta páginas a HTML simultáneamente mientras sirve a su aplicación, por lo que no hay next export .

Lightning SSR/SSG

Los módulos ES, las compilaciones rápidas y los trabajadores web capacitan la estrategia VITEXT SSR/SSG, por lo que tendrá una SSR/SSG asombrosamente rápida.

⚡ Fast HMR

Vitext usa @vitejs/complemin-react-refresh debajo del capó, por lo que tiene un HMR rápido aquí.

? VITE & ROLLUP COMPATIBLE

Podemos llamar a Vitext un superconjunto de Vite; Significa que Vitext admite todo lo que Vite es compatible con vitext.config.js .

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

Ejemplos

Puede revisar el directorio de paquetes/ejemplos para ver ejemplos que se han implementado utilizando Vitext.

Contribución

Estamos en las primeras etapas ahora, por lo que necesitamos su ayuda en Vitext; Pruebe las cosas, recomiende nuevas funciones y emita cosas. También puede consultar los problemas para ver si puede trabajar en algunos.

Licencia

MIT