مكونات الخادم (RSC) تُعرّض على الخادم وتُرسل نتيجة مسلسلة إلى المتصفح. فهي لا تشحن أي JavaScript بأنفسها — فقط البيانات/الترميز، وليس الكود الخاص بها.
النوعان
jsx
() {
product = db..(id);
;
}
;
() {
[qty, setQty] = ();
;
}
مكونات الخادم (RSC) تُعرّض على الخادم وتُرسل نتيجة مسلسلة إلى المتصفح. فهي لا تشحن أي JavaScript بأنفسها — فقط البيانات/الترميز، وليس الكود الخاص بها.
() {
product = db..(id);
;
}
;
() {
[qty, setQty] = ();
;
}
| مكون الخادم | مكون العميل | |
|---|---|---|
يمكنه await / جلب البيانات مباشرة | ✅ | ❌ |
| الوصول إلى موارد الخادم/الأسرار | ✅ | ❌ |
useState/useEffect/الأحداث | ❌ | ✅ |
| شحن JS إلى المتصفح | ❌ (صفر) | ✅ |
الخصائص التي يتم تمريرها عبر حدود الخادم→العميل يجب أن تكون قابلة للتسلسل — لا يمكنك تمرير الدوال أو مثيلات الفئات. RSC يغير النموذج الذهني من "كل شيء يعمل في المتصفح" إلى "العرض على الخادم بشكل افتراضي، اختر العميل فقط حيث تحتاج إلى التفاعل."