·react-use-client-boundary
</>

react-use-client-boundary

يرشد الاستخدام الصحيح لتوجيهات "استخدام العميل" في React/Next.js. استخدم هذه المهارة عند إضافة مكونات العميل، أو استكشاف أخطاء مكون الخادم وإصلاحها، أو تحديد مكان وضع حدود العميل.

12التثبيتات·1الرائج·@flpbalada

التثبيت

$npx skills add https://github.com/flpbalada/my-opencode-config --skill react-use-client-boundary

كيفية تثبيت react-use-client-boundary

ثبّت مهارة الذكاء الاصطناعي react-use-client-boundary بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/flpbalada/my-opencode-config --skill react-use-client-boundary
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: flpbalada/my-opencode-config.

Understanding when to use (and when NOT to use) the "use client" directive in React Server Components architecture.

"use client" marks a boundary between server and client components - not a label for individual components.

Critical Rule: Once inside a client boundary, ALL imported components are automatically client components. You should NOT add "use client" to child components that are already imported by a parent client component.

يرشد الاستخدام الصحيح لتوجيهات "استخدام العميل" في React/Next.js. استخدم هذه المهارة عند إضافة مكونات العميل، أو استكشاف أخطاء مكون الخادم وإصلاحها، أو تحديد مكان وضع حدود العميل. المصدر: flpbalada/my-opencode-config.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/flpbalada/my-opencode-config --skill react-use-client-boundary
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-11

Browse more skills from flpbalada/my-opencode-config

إجابات سريعة

ما هي react-use-client-boundary؟

يرشد الاستخدام الصحيح لتوجيهات "استخدام العميل" في React/Next.js. استخدم هذه المهارة عند إضافة مكونات العميل، أو استكشاف أخطاء مكون الخادم وإصلاحها، أو تحديد مكان وضع حدود العميل. المصدر: flpbalada/my-opencode-config.

كيف أثبّت react-use-client-boundary؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/flpbalada/my-opencode-config --skill react-use-client-boundary بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/flpbalada/my-opencode-config