ما هي docs-rsc-sandpack؟
يُستخدم عند إضافة أمثلة أكواد RSC (مكونات خادم React) التفاعلية إلى مستندات React باستخدام <SandpackRSC>، أو عند تعديل البنية التحتية لحزمة الحماية RSC. المصدر: reactjs/react.dev.
يُستخدم عند إضافة أمثلة أكواد RSC (مكونات خادم React) التفاعلية إلى مستندات React باستخدام <SandpackRSC>، أو عند تعديل البنية التحتية لحزمة الحماية RSC.
ثبّت مهارة الذكاء الاصطناعي docs-rsc-sandpack بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: reactjs/react.dev.
For general Sandpack conventions (code style, naming, file naming, line highlighting, hidden files, CSS guidelines), see /docs-sandpack. This skill covers only RSC-specific patterns.
| Execution model | All code runs in iframe | Server code runs in Web Worker, client code in iframe | | 'use client' directive | Ignored (everything is client) | Required to mark client components | | 'use server' directive | Not supported | Marks Server Functions callable from client |
| async components | Not supported | Supported (server components can be async) | | External dependencies | Supported via package.json | Not supported (only React + react-dom) | | Entry point | App.js with export default | src/App.js with export default | | Component tag | | |
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/reactjs/react.dev --skill docs-rsc-sandpackيُستخدم عند إضافة أمثلة أكواد RSC (مكونات خادم React) التفاعلية إلى مستندات React باستخدام <SandpackRSC>، أو عند تعديل البنية التحتية لحزمة الحماية RSC. المصدر: reactjs/react.dev.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/reactjs/react.dev --skill docs-rsc-sandpack بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/reactjs/react.dev