إطار رد فعل حافة النزيف مدعوم من Vite
اقرأ الدليل | جرب على codesandbox | جرب على Stackblitz
Rakkas هو إطار رد فعل الكامل على الحافة النزيف مدعوم من Vite. يمكنك اعتبارها بديلاً صاعد لـ Next.js أو Remix أو Gatsby.
- الدردشة على الخلاف
- اتبع على Twitter
الميزات المهمة هي:
- ⚡ خادم التطوير السريع البرق
- تدفق SSR مع التشويق
- ؟ التقديم الديناميكي (صفحات ثابتة كاملة للرباط ، تدفق للمتصفحات)
- نظام جلب بيانات API-API-
- دعم بيئات الخادم والعاملين
- ؟ توليد الموقع الثابت
- ؟ جهاز توجيه نظام الملفات المرن
- طرق API مع دعم الوسيطة
هل راكاس مناسبة لك؟
- على الرغم من تنفيذ العديد من الميزات ، إلا أن Rakkas لا تزال تحت التطوير الثقيل. يستخدم ميزات تجريبية و/أو بيتا من React و Vite. ستقدم الإصدارات البسيطة تغييرات كسر حتى وصلنا إلى 1.0. على هذا النحو ، لم يكن جاهزًا بعد للاستخدام الإنتاج . إذا كنت بحاجة إلى إطار رد فعل مستقر ، فحاول next.js أو remix أو gatsby.
- راكاس هو رأي إلى حد ما. إذا كنت بحاجة إلى مزيد من المرونة ، فحاول Vite-SSR-Plugin.
ابدء
انظر Rakkas في العمل في متصفحك:
لإنشاء Rakkas Application Boilerplate استخدم أحد الأوامر التالية:
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 Proignizer مع العديد من الميزات ، وكلها اختيارية ، لكننا نوصي بشدة بتمكين TypeScript وتوليد مشروع تجريبي في المحاولة الأولى لأن تعريفات الموثق الذاتي تسمح بمنحنى تعليمي أكثر سلاسة ورمز مصدر المشروع التجريبي مع الكثير من التعليقات.
؟ إذا كنت تفضل إعدادًا يدويًا ، فيمكنك تثبيت الحزم التالية:
npm install --save react react-dom
npm install --save-dev vite rakkasjs
ثم قم بإنشاء ملف src/routes/index.page.jsx مثل هذا:
export default function HomePage ( ) {
return < h1 > Hello world! </ h1 > ;
} الآن يمكنك:
- ابدأ خادم تطوير مع
npx rakkas - بناء مع
npx rakkas build - إطلاق مع
node dist/server/index.js
الاعتمادات
- Fatih Aygün والمساهمين ، تحت رخصة معهد ماساتشوستس للتكنولوجيا.
- Logomark: "Flamenco" من GZZ من مشروع Noun (غير مرتبط) تحت رخصة Generic Creative Commons (CCBY)
- تستند أجزاء من CLI إلى Vite CLI بواسطة Yuxi (Evan) أنت (غير تابع) والمساهمين Vite (وليس الانتماء) ، المستخدمة بموجب ترخيص معهد ماساتشوستس للتكنولوجيا.
- حزم حزمة NPM المنشورة البرنامج التالي:
-
@brillout/json-serializer بواسطة Romuald Brillout (غير تابع) ، يستخدم بموجب ترخيص معهد ماساتشوستس للتكنولوجيا. -
react-error-boundary بواسطة براين فون (غير تابع) ، يستخدم بموجب ترخيص معهد ماساتشوستس للتكنولوجيا -
@microsoft/fetch-event-source by Microsoft Corporation (غير تابع) ، يستخدم بموجب ترخيص معهد ماساتشوستس للتكنولوجيا
المساهمين
تاريخ الإصدار
0.7.0 (تثبيت مع rakkasjs@next )
- استبدل
react-helmet-async بمكون مخصص (يقلل من حجم الحزمة بمقدار 17 كيلو بايت)
0.6.0
- رد فعل 18
- الوضع المتزامن
- تدفق SSR
- التشويق لجلب البيانات
- فيت 3
- ESM SSR Build (
"type": "module" ) - تحسين بداية البرد
- نظام جلب البيانات الجديدة العلامة التجارية
-
react-query useMutation useQuery - معالجات العمل المستوحاة من ريمكس
- بيانات أقل من API- تجلب مع
useServerSideQuery - وظائف
preload خالية من الشلال - معالجات الإجراءات المستوحاة من Remix
- هاتيب
- معالجة HTTP بناءً على معايير الويب
- محولات لـ Vercel Edge و NetLify Edge و Deno/Deno نشر
- التكامل التعبير
- تحسينات التوجيه
- حراس الطريق
- المسار كل شيء
- أبسط 404 التعامل
- متنوع
- تخصيص رؤوس الاستجابة
- تكوين ESLINT المشترك
0.5.0
- دعم بدون خادم (Vercel ، NetLify ، عمال CloudFlare)
- تحسين الملاحة من جانب العميل
- تحسين ssrromuald brillout
- الجزئي قبل الإعادة
- صفحات العميل فقط
- عناوين URL القابلة للترجمة
- إعداد رأس
Cache-control
0.4.0
- توليد الموقع الثابت
- قم بالتبديل إلى تفاعل وقت تشغيل JSX التلقائي
- أمثلة التكامل (Apollo GraphQL ، المكونات المصممة ، MDX ، Tailwind CSS)
- المزيد من الخيارات في مولد المشروع
- الكثير من الميزات والإصلاحات البسيطة
- وثائق موسعة كبيرة