rsc demo

React Components (RSC) ملاحظات App Demo / Playground بدون إطار عمل

• انظر مكونات الخادم المباشر (RSC) ملاحظات التطبيق / الملعب
• اقرأ مكونات خادم رد فعل المدونة ، بدون إطار عمل

تنصل

يرجى ملاحظة أنه لا يوجد شيء مثالي على الإطلاق حول التنفيذ التالي حتى الآن ، فهو ساذج إلى حد ما ، غير مكتمل ، وهو مخصص لأغراض التعلم والتوضيح.

أهداف

• تطبيق ملاحظات React وظيفية إلى حد ما (القائمة ، إنشاء ، تحرير وحذف الملاحظات مع عنوان نص ومحتوى تخفيضات)
• رد فعل مكونات الخادم المستخدمة جنبًا إلى جنب مع مكونات العميل
• نوع من تقديم جانب الخادم
• نوع من إحصاء البيانات باستخدام مكونات الخادم
• التوجيه الذي يعمل إلى حد ما في العميل وعلى الخادم
• مكونات الخادم المنعش من العميل
• ملعب RSC قابل للاستخدام
• قبل كل شيء: تعلم

ابدء

تم تطويره على node.js v18.18.1 + npm v9.8.1

• git clone هذا المستودع
• npm ci

بيئة ديف

• ابدأ عملية WebPack ، ومشاهدة التغييرات في ./src وإخراج الملفات المدمجة إلى ./dist
• ابدأ خادم HTTP Node.js (مع Fastify) على http: // localhost: 3000 ، مشاهدة التغييرات في ./server ، ./src & ./dist مع Nodemon

 npm run dev

بيئة برود

قم بتشغيل WebPack Build وابدأ خادم Node.js HTTP ، للإنتاج.

 npm run build
npm start

التبعيات الرئيسية

• حزمة WebPack
• مترجم بابل جافا سكريبت ، لنقل بناء جملة JSX
• قم بتعريف خادم الويب HTTP
• A-Route الحد الأدنى من جافا سكريبت / توجيه مكتبة الاستفادة من العناصر المخصصة

متفرقات

• تم إنشاؤه بواسطة Timothée "Tim" PillardtPillard على Twitter
• "رد فعل مكونات الخادم ، بدون إطار عمل" على إعلان نشر المدونة على Twitter
• بناءً على تطبيق React Notes