vitext

Vitext ⚡

The Next.js seperti React Framework untuk pengalaman pengguna & pengembang yang lebih baik

• Server instan mulai
• ? Dukungan ketegangan
• ⚫ Next.js like API
• ? Build yang dioptimalkan
• ? Bangun & Ekspor dengan cepat
• Petir SSG/SSR
• ⚡ HMR cepat
• ? Kompatibel vite & rollup

intro.mp4

 npm install vitext

Vitext (Vite + Next) adalah alat SSG/SSR cepat yang memungkinkan Anda mengembangkan aplikasi front-end yang lebih baik dan lebih cepat. Ini terdiri dari bagian -bagian utama ini:

Server instan mulai

Server pengembangan menggunakan modul ES asli, jadi Anda akan memiliki server aplikasi reaksi Anda dan klien diterjemahkan dengan sangat cepat, di bawah setengah detik bagi saya.

? Dukungan ketegangan

Vitext mendukung ketegangan bereaksi & malas keluar dari kotak.

 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 like API

Jika Anda datang dari latar belakang Next.js, semuanya akan bekerja dengan cara yang sama untuk Anda. Vitext memiliki desain API yang serupa dengan 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 adalah opsional. Jika menjalankan getPaths selesai, maka setiap item paths akan diteruskan ke fungsi getProps , dan ketika pengguna meminta halaman tertentu, mereka akan menerima HTML (SSG) yang diekspor. Tetapi jika getPaths tidak selesai atau tidak ada halaman HTML yang diekspor untuk permintaan pengguna, maka getProps akan dipanggil dengan Params URL Permintaan (SSR).

? Build yang dioptimalkan

Vitext menggunakan pendekatan bangunan dan bundling Vite, sehingga mengikat kode Anda dengan cara yang cepat dan dioptimalkan.

? Bangun & Ekspor dengan cepat

Anda tidak perlu menunggu ekspor HTML aplikasi Anda karena Vitext mengekspor halaman ke HTML secara bersamaan saat melayani aplikasi Anda, jadi tidak ada next export .

Petir SSR/SSG

Modul ES, kompilasi cepat dan pekerja web memberdayakan strategi Vitext SSR/SSG, sehingga Anda akan memiliki SSR/SSG yang sangat cepat.

⚡ HMR cepat

Vitext menggunakan @vitejs/plugin-react-refresh di bawah kap, jadi Anda memiliki HMR cepat di sini.

? Kompatibel vite & rollup

Kita dapat menyebut Vitext superset vite; Ini berarti bahwa Vitext mendukung semua dukungan vite dengan vitext.config.js .

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

Contoh

Anda dapat checkout paket/contoh direktori untuk melihat contoh yang telah diimplementasikan menggunakan vitext.

Kontribusi

Kami sedang dalam tahap awal sekarang, jadi kami membutuhkan bantuan Anda di Vitext; Silakan coba semuanya, rekomendasikan fitur baru, dan keluarkan barang. Anda juga dapat memeriksa masalah untuk melihat apakah Anda dapat mengerjakan beberapa.

Lisensi

Mit