vitext

Vitext ⚡

Next.js как React Framework для лучшего опыта пользователей и разработчиков

• Мгновенный запуск сервера
• ? Поддержка ожидания
• ⚫ Next.js как API
• ? Оптимизированная сборка
• ? Строитель и экспорт на лету
• Молния SSG/SSR
• ⚡ Быстрый HMR
• ? Vite & Rollup совместим

Intro.mp4

 npm install vitext

VITEXT (VITE + NEXT)-это молниеносный инструмент SSG/SSR, который позволяет вам развиваться лучше и быстрее. Он состоит из этих основных частей:

Мгновенный запуск сервера

Сервер разработки использует нативные ES-модули, поэтому вы будете очень быстро для меня, чтобы у вас появилось очень быстро, и клиент будет очень быстро, чем через полсекунды.

? Поддержка ожидания

Vitext поддерживает React Susepense & Lazy Out из коробки.

 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 как API

Если вы приезжаете из следующего фона. Vitext имеет аналогичный дизайн API на 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 & getProps являются необязательными. Если запуск getPaths был сделан, то каждый элемент paths будет передаваться в функцию getProps , и когда пользователь запрашивает конкретную страницу, он собирается получить экспортированный HTML (SSG). Но если getPaths не было сделано или не будет экспортируемой HTML -страницы для запроса пользователя, то getProps будет вызвана с помощью параметров URL -адреса запроса (SSR).

? Оптимизированная сборка

Vitext использует подход ViTe's Building and Coundling, поэтому он быстро и оптимизирован объединяет ваш код.

? Строитель и экспорт на лету

Вам не нужно ждать HTML -экспорта вашего приложения, потому что Vitext -экспорт одновременно в HTML при обслуживании вашего приложения, так что нет next export .

Молния SSR/SSG

Модули ES, быстрые компиляции и веб -работники расширяют возможности Vitext SSR/SSG, поэтому у вас будет удивительно быстрый SSR/SSG.

⚡ Быстрый HMR

Vitext использует @vitejs/plagin-react-refresh под капюшоном, так что у вас есть быстрый HMR прямо здесь.

? Vite & Rollup совместим

Мы можем назвать Vitext Superset of Veite; Это означает, что Vitext поддерживает все, что Vite поддерживает с помощью vitext.config.js .

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

Примеры

Вы можете заказать пакеты/примеры каталога, чтобы увидеть примеры, которые были реализованы с использованием Vitext.

Вклад

Сейчас мы на ранних стадиях, поэтому нам нужна ваша помощь в Vitext; Пожалуйста, попробуйте все, порекомендуйте новые функции и выпускайте вещи. Вы также можете проверить проблемы, чтобы увидеть, сможете ли вы работать над некоторыми.

Лицензия

Грань