أنشئ تطبيقات React 19
يغيّر React 19 النماذج، والحالة غير المتزامنة، وrefs، وحدود الخادم. تمنح هذه المهارة Claude وCodex وClaude Code أنماطًا عملية للترقيات وعمليات البناء الجديدة.
توقف واطلب التأكيد قبل التثبيت.
راجع الخطة واحصل على موافقة صريحة من المستخدم قبل تغيير الملفات.
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "react-19" from https://skillstore.io/skills/calel33-react-19.md and its manifest at https://skillstore.io/api/skills/calel33-react-19/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
جارٍ استخدام "react-19". اطلب خطة ترحيل React 19 للوحة معلومات موجودة.
النتيجة المتوقعة:
قائمة تحقق مرحلية تغطي تحديثات الاعتماديات وcodemods وإصلاحات TypeScript وتغييرات refs اليدوية واختبار الانحدار.
جارٍ استخدام "react-19". اسأل عن كيفية بناء نموذج تسجيل باستخدام Actions.
النتيجة المتوقعة:
مخطط تصميم يصف التحقق على الخادم وملاحظات الانتظار ومعالجة الأخطاء ومكان الحاجة إلى حالة العميل.
جارٍ استخدام "react-19". اطلب مراجعة أمان Server Action.
النتيجة المتوقعة:
مراجعة موجزة تشير إلى المصادقة المفقودة، ووضع الأسرار غير الآمن، والتحقق الضعيف، وprops العميل المحفوفة بالمخاطر.
Most static findings are false positives caused by Markdown backticks, JavaScript template literals, identifiers, and explicitly labeled security examples. Two migration steps invoke unpinned npx packages through @latest, creating a supply-chain execution risk. Separate examples omit object-level authorization and allow unverified uploads into a public directory; no prompt injection was found.
هذه قدرات محلية حقيقية قد يُتوقع وجودها لهذه المهارة، لذا فهي تتطلب مراجعة ولكن لا تُحتسب كسلوك خبيث مؤكد.
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
https://skillstore.io/skills/calel33-react-19/audits/9?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/calel33-react-19?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/calel33-react-19?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/calel33-react-19/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/calel33-react-19.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Calel33. (2026). react-19 security audit report (audit version 9) [Author version unspecified]. Skillstore. https://skillstore.io/skills/calel33-react-19/audits/9@techreport{calel33-calel33-react-19-2026,
author = {Calel33},
title = {react-19 security audit report (audit version 9)},
institution = {Skillstore},
year = {2026},
number = {9},
url = {https://skillstore.io/skills/calel33-react-19/audits/9},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "react-19 security audit report (audit version 9)"
version: "unspecified"
type: report
authors:
- name: "Calel33"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/calel33-react-19/audits/9"
identifiers:
- type: other
value: "skillstore:calel33-react-19:audit:9"
description: "Skillstore immutable audit report identifier"
خطط لترحيل من React 18 إلى React 19 مع فحوصات التغييرات الكاسرة للتوافق وإرشادات codemod.
استخدم Actions وحالات الانتظار والتحقق والتحديثات التفاؤلية لتجارب نماذج سريعة الاستجابة.
تحقق من مكان تشغيل الكود، ومكان بقاء الأسرار، وكيف ينبغي أن تتحقق Server Actions من الوصول.
اشرح التغييرات الرئيسية في React 19 لمطوّر يعرف React 18. ركز على Actions وhooks ومخاطر الترحيل.
راجع بنية تطبيقي المبني بـ React 18 وأنشئ قائمة تحقق لترحيل React 19 تتضمن codemods والإصلاحات اليدوية وخطوات الاختبار.
صمم تدفق نموذج في React 19 باستخدام useActionState والتحقق وحالة الانتظار وحدود واضحة بين الخادم والعميل.
راجع Server Actions هذه من حيث المصادقة والتفويض والتحقق من المدخلات والتعامل مع الأسرار ومخاطر كشف بيانات العميل.
المؤلف
Calel33الترخيص
MIT
مراجعة Skillstore
r2
تنبيه الإصدار
لم يعلن المؤلف عن إصدار.
مرجع
a39a91716eadede5f4cdefd78178fed4e837a128
حداثة الصيانة
٢٤/٧/٢٠٢٦
الاستخدام
8 تنزيلات · 513 مشاهدات
بنية الملفات
بحث الويب وسياق الكود باستخدام Exa
غالبا ما يحتاج البحث التقني إلى مقالات حالية ووثائق وأمثلة عملية من مصادر متعددة. توفر هذه المهارة مسارات عمل قائمة على Exa للبحث عبر الويب، واكتشاف الكود، والمقارنة، وتحسين الاستعلامات.
إدارة مكدسات Graphite CLI
قد تكون طلبات السحب المتراصة صعبة الإدارة باستخدام أوامر Git العادية. تمنح هذه المهارة سير عمل مباشرًا عبر Graphite CLI لإنشاء المكدسات وإرسالها ومزامنتها وإعادة هيكلتها.
إتقان مشاريع Tailwind CSS V4
يغيّر Tailwind CSS V4 أسلوب التكوين وخطوات الترحيل وخيارات الأداء. تمنح هذه المهارة Claude وCodex وClaude Code إرشادات منظمة لترقيات أكثر أمانًا وبنية CSS أفضل.
بناء تطبيقات Next.js 16
تتضمن عمليات الترحيل إلى Next.js 16 تغييرات كاسرة في التوجيه والتخزين المؤقت والأدوات. توفر هذه المهارة سير عمل مركزة وموارد بداية وقوائم مراجعة لمشاريع App Router الحديثة.
بناء مكونات React آمنة الأنواع
بواسطة softaworks
غالبا ما يتطلب العمل على React TypeScript أنواعا دقيقة للأحداث والـ hooks والمسارات. توفر هذه المهارة أنماطا مركزة للمكونات المكتوبة الأنواع، وواجهات React 19 API، والتوجيه.
تخطيط بنية Next.js App Router
بواسطة 89jobrien
قد تواجه فرق Next.js صعوبة في اختيار المسارات والمكونات وتحميل البيانات وخطوات الترحيل. توفر هذه المهارة إرشادات بنيوية منظمة لـ App Router وServer Components والأداء.
ابنِ كتل WordPress بأمان
بواسطة Automattic
غالبًا ما تؤدي تغييرات كتل WordPress إلى تعطّل المحتوى المحفوظ أو الأصول أو التسجيل. ترشد هذه المهارة إلى التعامل مع البيانات الوصفية، والتصيير، والترحيلات، والاختبارات في مشاريع Gutenberg.
تحسين مشاريع TypeScript
بواسطة sickn33
غالبًا ما تواجه مشاريع TypeScript صعوبات في الكتابة الصارمة، وبطء عمليات البناء، وعمليات الترحيل المعقدة. توفر هذه المهارة تشخيصًا عمليًا، وقوائم مراجعة، وأنماط حلول للعمل الحديث على TypeScript.
إنشاء تحريكات GSAP لـ HyperFrames
بواسطة heygen-com
يتطلب عمل التحريك في HyperFrames توقيتًا دقيقًا في GSAP، وتأثيرات، وخيارات أداء. توفر هذه المهارة مراجع مركزة لـ tweens والخطوط الزمنية ونص الآلة الكاتبة والمرئيات المتفاعلة مع الصوت.
إنشاء إضافات Logseq DB
بواسطة C0ntr0lledCha0s
يجب على مطوري إضافات Logseq التعامل مع اختلافات رسوم DB البيانية وتفاصيل API. توفر هذه المهارة إرشادات منظمة لإعداد الإضافات، واستعلامات Datalog، والإعدادات، وفحوصات التوافق.