Unduh rakkasjs - Unduh Kode Sumber rakkasjs

rakkasjs

Kode Sumber AI

0.6.3

Unduh

Kerangka Bereaksi Bleeding-Edge Didukung oleh Vite

Baca panduan | Coba pada kode dan kotak | Coba Stackblitz

Rakkas adalah kerangka reaksi full-edge-edge-edge-edge yang ditenagai oleh vite. Anda dapat menganggapnya sebagai alternatif yang sedang naik daun untuk Next.js, Remix, atau Gatsby.

Mengobrol di perselisihan
Ikuti di Twitter

Fitur penting adalah:

⚡ Server Pengembangan Cepat Petir
Streaming SSR dengan ketegangan
? Render Dynamic (halaman statis penuh untuk bot, streaming untuk browser)
Sistem pengambilan data api-less
Dukungan untuk lingkungan tanpa server dan pekerja
? Pembuatan situs statis
? Router sistem file fleksibel
Rute API dengan Dukungan Middleware

Apakah rakkas tepat untuk Anda?

Meskipun banyak fitur telah diimplementasikan, Rakkas masih dalam pengembangan berat. Ini menggunakan fitur eksperimental dan/atau beta reaksi dan vite. Rilis kecil akan memperkenalkan perubahan besar sampai kami mencapai 1.0. Karena itu, belum siap untuk digunakan produksi . Jika Anda memerlukan kerangka kerja reaksi yang stabil, coba selanjutnya.js, remix, atau gatsby.
Rakkas cukup pendapat. Jika Anda membutuhkan lebih banyak fleksibilitas, cobalah vite-ssr-plugin.

Memulai

Lihat Rakkas beraksi di browser Anda:
Kode dan kotak
StackBlitz

Untuk menghasilkan boilerplate aplikasi rakkas, gunakan salah satu perintah berikut:

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

create-rakkas-app Project Initializer hadir dengan banyak fitur, yang semuanya opsional tetapi kami sangat menyarankan untuk mengaktifkan naskah dan generasi proyek demo pada percobaan pertama Anda karena definisi tipe pendokteran diri memungkinkan untuk kurva belajar yang lebih halus dan kode sumber proyek demo dilengkapi dengan banyak komentar.

? Jika Anda lebih suka pengaturan manual, Anda dapat menginstal paket berikut:
npm install --save react react-dom
npm install --save-dev vite rakkasjs
Kemudian buat file src/routes/index.page.jsx seperti ini:
 export default function HomePage ( ) {
  return < h1 > Hello world! </ h1 > ;
}
Sekarang Anda bisa:
Mulai server pengembangan dengan npx rakkas
Bangun dengan npx rakkas build
Luncurkan dengan node dist/server/index.js

Kredit

Fatih Aygün dan kontributor, di bawah lisensi MIT.
Logomark: "Flamenco" oleh GZZ dari Proyek Kata benda (tidak berafiliasi) di bawah Lisensi Generik Atribusi Creative Commons (CCBY)
Bagian CLI didasarkan pada Vite CLI oleh Yuxi (Evan) Anda (tidak berafiliasi) dan kontributor vite (tidak berafiliasi), digunakan di bawah lisensi MIT.
Paket NPM yang Diterbitkan Bundel Perangkat Lunak berikut:
- @brillout/json-serializer oleh Romuald Brillout (tidak berafiliasi), digunakan di bawah lisensi MIT.
- react-error-boundary oleh Brian Vaughn (tidak berafiliasi), digunakan di bawah lisensi MIT
- @microsoft/fetch-event-source oleh Microsoft Corporation (bukan Afiliasi), digunakan di bawah lisensi MIT

Kontributor

Sejarah Versi

0.7.0 (instal dengan `rakkasjs@next` )

Ganti react-helmet-async dengan komponen khusus (mengurangi ukuran bundel sebesar 17kb)

0.6.0

Bereaksi 18
- Mode bersamaan
- Streaming SSR
- Ketegangan untuk pengambilan data
Vite 3
- ESM SSR Build ( "type": "module" )
- Mulai dingin yang lebih baik
Sistem pengambilan data baru
- react-query -erpired useQuery dan useMutation
- Penangan tindakan yang terinspirasi oleh remix
- Pengambilan data api-less dengan useServerSideQuery
- Fungsi preload bebas air terjun
- Penangan Tindakan Formulir terinspirasi Remix
Hattip
- Penanganan http berdasarkan standar web
- Adaptor untuk Vercel Edge, Netlify Edge, dan Deno/Deno Deploy
- Ekspresikan integrasi
Perbaikan perutean
- Penjaga rute
- Rute tangkapan-semua
- Penanganan 404 yang lebih sederhana
Aneka ragam
- Kustomisasi header respons
- Konfigurasi Eslint yang dibagikan