رجوعتطوير الويب

React Server Components: متى تستخدمها ومتى تتجنبها

Server Components تنفّذ على السيرفر ولا تُرسل جافاسكريبت للمتصفح، لكنها ليست الحل لكل شيء — هناك حالات تحتاج فيها Client Components بوضوح.

سعيد باعطية٣٠ يونيو ٢٠٢٦6 دقائق قراءة
0KB

جافاسكريبت من Server Component لا يحتاج تفاعلًا

2

حالتان أساسيتان تستدعيان Client Component: state وbrowser APIs

1

نمط مثالي: صفحة خارجية Server + جزء تفاعلي صغير Client

Server Components مثالية لجلب البيانات وعرض محتوى لا يحتاج تفاعلًا فوريًا في المتصفح: صفحات المقالات، قوائم المنتجات، تفاصيل ثابتة — لأنها لا تضيف أي وزن جافاسكريبت على العميل.

متى تحتاج Client Component

أي مكوّن يحتاج state محلي (مثل نموذج تفاعلي)، أو يستخدم hooks مثل useEffect وuseState، أو يحتاج الوصول لـ browser APIs مثل localStorage، يجب أن يكون Client Component عبر "use client".

نمط التركيب الشائع

الأفضل هو جعل الصفحة الخارجية Server Component تجلب البيانات، وتمرّر الجزء التفاعلي الصغير فقط كـ Client Component متداخل — هذا يقلل حجم الجافاسكريبت إلى أدنى مستوى ممكن.

أسئلة وأجوبة

هل يمكن استدعاء Client Component من داخل Server Component؟

نعم، وهذا هو النمط الموصى به — الأصعب هو العكس (لا يمكن استيراد Server Component مباشرة داخل Client Component).

هل Server Components تدعم التفاعل بالكامل؟

لا، هي تُنفّذ على السيرفر فقط ولا تملك state أو event handlers تفاعلية مباشرة.

هل تحتاج تطبيق هذه الأفكار في مشروعك؟

أقدم استشارات مجانية لمناقشة وضعك التقني الحالي وكيفية تحسينه.

تواصل معي مجاناًاستعرض خدماتي

مقالات ذات صلة