Radzionkit: إعداد سريع لمشاريع Monorepo القوية الكاملة
Radzionkit هو الحل النهائي للمطورين الذين يتطلعون إلى بدء مشاريعهم دون الضغط على الإعدادات المعقدة. تم تصميمه باعتباره monorepo الشامل ، ويوفر مجموعة متكاملة من الأدوات لتطوير الكامل ، من مكتبة واجهة مستخدم قوية إلى خدمات الخلفية المبسطة. مع Radzionkit ، يمكنك توفير وقت ثمين في بدء مشاريع جديدة وخلال عملية التطوير ، مما يضمن تجربة ترميز سلسة وفعالة وخالية من المتاعب. احتضن قوة البساطة والكفاءة مع Radzionkit - شريك حياتك في تحويل تحديات الترميز إلى انتصارات الترميز.
نظرة عامة على MonoRepo: النظام الإيكولوجي المتنوع في Radzionkit
يستفيد Radzionkit من مساحات عمل الغزل لتبسيط إعداد monorepo ، وتنظيم التعليمات البرمجية في دليلين أساسيين: lib product . يضم مجلد lib حزم رمز عامة مثل @lib/utils أو @lib/ui ، المصممة لتكون غير محمولة للمشروع وسهلة المحمولة لأي مشروع دون تحمل منطق خاص بالمشروع. من ناحية أخرى ، يضم دليل product تطبيقات مثال ، مثل @product/api أو @product/ui-demo ، والتي تعمل بمثابة مخططات توضح كيفية دمج وتكييف حزم @lib مع الاحتياجات الفريدة لمشروعك. لا تبسي هذه البنية المدروسة عملية التطوير فحسب ، بل تعمل أيضًا على تعزيز قابلية إعادة استخدام الكود ، مما يجعل من الجهد توسيع نطاق مشروعك وتعديله أثناء نموه.
حزم lib
- @lib/utils - مجموعة من وظائف الأداة المساعدة للمهام الشائعة.
- @lib/ui - مكتبة واجهة المستخدم متعددة الاستخدامات مع مكونات ، والسنانير ، والمواد.
- @lib/DynamoDB - الأدوات المساعدة للعمل مع AWS DynamoDB.
- @lib/dnd- مكونات ومرافق لوظيفة السحب والإفلات.
- @lib/codegen - أدوات توليد الكود لملفات TypeScript و JSON.
- @lib/البلدان - أنواع ومرافق للتعامل مع البيانات المتعلقة بالبلد.
- @lib/lambda - المرافق للعمل مع وظائف AWS Lambda.
- @lib/analytics -ui - مكونات لدمج تحليلات السعة في تطبيق React الخاص بك.
- @lib/auth - أنواع لجلسات المصادقة ومقدمي الخدمات.
- @lib/next -ui - مكونات ومرافق لتطبيقات next.js.
- @lib/الاشتراك -UI - مكونات مدفوعات الاشتراك.
- @lib/اشتراكات - أنواع مدفوعات الاشتراك.
- @lib/سلسلة - الأدوات المساعدة للعمل مع Web3 و blockchain.
- @lib/chain -ui - مكونات لتطبيقات Web3.
حزم المنتج
- @Product/App - قالب تطبيق NEXT.JS.
- @Product/API - واجهة برمجة تطبيقات BoilerPlate مع مصادقة المستخدم.
- @Product/API -Interface - واجهات وأنواع للتفاعل مع API.
- @Product/API -UI - ردود الفعل والمكونات لتفاعل API.
- @Product/Config - حزمة تكوين مشتركة للمنتج.
- @Product/DB - إدارة قاعدة البيانات والمرافق.
- @Product/البريد الإلكتروني - الخدمات والمرافق المتعلقة بالبريد الإلكتروني.
- @Product/Email -Forwarder - وظيفة Lambda لإعادة توجيه رسائل البريد الإلكتروني.
- @المنتج/الكيانات - الكيانات الأساسية والنماذج للمنتج.
- @Product/Entities -Utils - وظائف الأداة المساعدة للعمل مع الكيانات.
- @المنتج/اللغات - دعم اللغة والتوطين.
- @Product/Languages-Next-Ui -Next.js ui مكونات للتعامل مع اللغة.
- @Product/UI -DEMO - عرض مكونات المنتج Demo UI.
البدء مع Radzionkit: إطلاق مشروعك الجديد
ابدأ مشروعك باستخدام قالب Radzionkit Github. يمكنك إزالة أي حزم لا تحتاجها واستخدام الحزم الموجودة تحت @product كنقطة انطلاق لتطبيقك. ليست هناك حاجة لإعادة تسمية الحزم ، لأن اتفاقية التسمية تفصل الحزم القابلة لإعادة الاستخدام ( @lib ) عن الكود الخاص بالمشروع ( @product ). بمجرد استنساخ القالب ، قم بتثبيت التبعيات باستخدام yarn ، وإعدادك جاهزًا للذهاب.
إدارة التبعيات والإصدارات
للترقية إلى أحدث إصدار من Yarn ، قم بتشغيل الأمر التالي:
لترقية كل الاعتماد على أحدث إصدار ، قم بتشغيل الأمر التالي:
yarn workspaces foreach --all exec yarn up " * "
أمثلة باستخدام Radzionkit
- استئناف Radzion: استئناف مطور Web3 الأمامي. رمز المصدر المتاح على جيثب.
- Pentafret: موقع على شبكة الإنترنت مع أدوات نظرية موسيقى الجيتار. رمز المصدر المتاح على جيثب.
- التخزين: احفظ الملفات على شبكة تخزين موزعة. رمز المصدر متاح على جيثب
- Crypto: تلقي تنبيهات لتغييرات أسعار العملة المشفرة. رمز المصدر متاح على جيثب
- Georgiancitizen: تطبيق امتحان الإعدادية. رمز المصدر المتاح على جيثب.
- زيادة: مجموعة أدوات الإنتاجية مصممة للعمال عن بُعد.
كتاب الطبخ Radzionkit: تبسيط التطوير مع دروس عملية YouTube العملية
لزيادة تجربتك مع Radzionkit إلى الحد الأقصى ، قمنا بتجميع كتاب الطبخ Radzionkit ، وهو سلسلة من البرامج التعليمية على YouTube المصممة لعرض التطبيقات العملية لمجموعة الأدوات في حل تحديات التنمية اليومية. تلبي هذه البرامج التعليمية جميع مستويات المهارات ، من المبتدئين إلى المطورين ذوي الخبرة ، وتغطي مجموعة من الموضوعات من الإعداد الأولي إلى التكامل المتقدم. تعد مقاطع فيديو كتاب الطبخ Radzionkit موردًا لا يقدر بثمن ، حيث تقدم تعليمات خطوة بخطوة ونصائح عملية ورؤى خبراء ، وكلها تهدف إلى مساعدتك على تسخير القوة الكاملة لـ Radzionkit للحصول على حلول فعالة وأنيقة في مشاريع التطوير الخاصة بك.
- إنشاء مدير ملفات لا مركزية باستخدام القيادة التلقائية و next.js
- قم ببناء سيرة ذاتية واحدة مع React & TypeScript (تصدير باسم PDF!)
- كيفية إنشاء ميزة فعالة "ما الجديد" لمنتجك
- Master Drag-and-Drop مع DND-KIT: تعليمي Kanban Board
- حذف بيانات المستخدم غير النشطة بكفاءة باستخدام TypeScript و AWS Lambda
- إنشاء مكون يومي مع React و TypeScript لاختيار التاريخ
- تنفيذ مكون منسدلة مخصصة في الرد مع TypeScript و Floating-Ui
- next.js & amplitude: دليل لتكامل التحليلات الفعالة
- كيفية إنشاء نظام اقتراح ميزة يحركه المجتمع مع React & Nodejs
- إعداد بريد إلكتروني بدون مجهود على AWS: وفر الوقت والمال مع Lambda و Terraform
- إنشاء تقرير تفاعلي لتتبع الوقت مع React و TypeScript
- كيفية إنشاء تدفق فعال على متن الطائرة في رد الفعل: دليل خطوة بخطوة
- إنشاء قائمة TODO السحب والإفلات في React: برنامج تعليمي كامل
- إنشاء مكون مخطط لخط React من الصفر
- بناء صفحة مقصودة موقع على شبكة الإنترنت في TypeScript Monorepo: دليل المطور
- تبسيط تطوير الواجهة الخلفية: دليل شامل
- بناء التدويل في تطبيق Static NextJS بدون مكتبات خارجية
- دليل NextJS Meta Tags: أيقونات SEO & PWA
- إنشاء combobox قابل لإعادة الاستخدام مع رد الفعل و typeScript
- TypeScript المولدة تلقائيًا لمكونات رد الفعل الديناميكية: غوص عميق
- بناء نظام مدفوعات الاشتراك مع next.js & node.js
- إنشاء مكون مشروط متجاوب وأبسط في رد الفعل
- مصادقة البريد الإلكتروني السحرية الرابط لتطبيقات NEXTJS + NODEJS
- الحفاظ على حالة رد الفعل في سلسلة استعلام عناوين URL مع NextJs
- تنفيذ كامل المكجمات لمصادقة OAUTH 2 (Google & Facebook) مع NEXTJS و NODEJS
- إنشاء تخطيطات مختلفة لصفحات مختلفة في NextJs
- إدارة حالة رد الفعل الفعالة مع upersistentState والتخزين المحلي
- utils CSS مفيدة لمشاريع React - دليل عملي
- الأدوات المساعدة الأساسية ووظائف المساعد لمشاريع typeScript
- كيفية إعداد monorepo مع مساحات عمل الغزل ، NextJs ، المكونات المصممة ، أجمل
- نشر تطبيق Static NextJS على AWS S3 و CloudFront
- تصميم لوحة ألوان لأساليب داكنة وخفيفة مع رد فعل ومكونات مصممة و HSLA
- تنسيق لون HSLA للتفاعل: TypeScript ، المكونات المصممة ، المتغيرات ، مولد الألوان ، منتقي الألوان
- تعليمي مكون زر رد الفعل المتقدم
- كيفية جعل مكون رد فعل Tooltip مع السهم باستخدام واجهة المستخدم العائمة
- نسخ النص إلى الحافظة على مكون React
- كيفية جعل مكون رد فعل قائمة Popover مع واجهة المستخدم العائمة
- كيفية جعل مكون رد فعل قائمة إدخال الرموز التعبيرية مع الرموز التعبيرية مارت
- كيفية جعل تأثير التحويم يفيض على حاويةه مع رد الفعل
- كيفية جعل مكون شريط التمرير مع إدخال نطاق React & Style
- بناء مكونات رد الفعل متعددة الاستخدامات: البطاقات واللوحات
- تخطيطات CSS الفعالة مع مكونات المكدس
- شكل ديناميكي مع uSfileRay-form-hook-hook
- مكون التمرير اللانهائي مع استعلام React
- الغوص العميق في رد الفعل: useelementize الخطاف وتغيير حجم المراقبة