متوسطالدرس 3 من 1730 دقيقة · تطبيقي
البروبس (Props)
جزء من دورة React
كل مكوّن كتبته حتى الآن كانت قيمه مثبتة في الكود. Greeting يلقي التحية دائما على الاسم نفسه، و Card يعرض دائما النص نفسه. هذا مقبول في عرض توضيحي، لكنه يضيّع الغاية كلها من فكرة المكوّن، وهي أن تكتب شيئا مرة واحدة ثم تعيد استعماله في أماكن كثيرة بمحتوى مختلف. مكوّن Greeting الذي لا يحيي إلا "Sam" ليس قابلا لإعادة الاستعمال حقا، بل هو طريقة ملتوية لكتابة جملة واحدة ثابتة.
تمرر خاصية إلى مكوّن بنفس الطريقة التي تضبط بها سمة على وسم HTML، أي بكتابة name="value" داخل الوسم الافتتاحي ...
هل تريد تعلّم React البروبس (Props) في بيئة حقيقية؟
انقر بالأسفل لتحصل على جهاز لينكس مع React جاهز، وتعمل على البروبس (Props) بشكل عملي مع مدرّس ذكي يعرف الكود الخاص بك.
ابدأ هذا الدرسالبروبس (Props)ما الذي ستتعلّمه
- Passing props as attributes
- Receiving props object
- Destructuring props in signature
- Default values
- Thinking about prop shapes
اقرأ هذا الدرس بلغتك
كل دروس هذه الدورة
17 دروس- 1ما هو React؟25 دقيقة
- 2JSX والمكوّنات (Components)30 دقيقة
- 3البروبس (Props)30 دقيقة
- 4الحالة (State) باستخدام useState35 دقيقة
- 5معالجة الأحداث30 دقيقة
- 6العرض الشرطي والقوائم30 دقيقة
- 7النماذج والمدخلات المتحكم بها (Controlled Inputs)35 دقيقة
- 8التأثيرات (Effects) باستخدام useEffect40 دقيقة
- 9جلب البيانات40 دقيقة
- 10تركيب المكوّنات (Component Composition)35 دقيقة
- 11السياق (Context) و useContext35 دقيقة
- 12useReducer35 دقيقة
- 13الخطافات المخصصة (Custom Hooks)35 دقيقة
- 14الأداء والحفظ بالتخزين (Memoization)35 دقيقة
- 15التوجيه باستخدام React Router40 دقيقة
- 16اختبار مكوّنات React (Components)40 دقيقة
- 17مشروع التخرج: تطبيق قائمة المهام60 دقيقة
استكشف دورات أخرى
بايثون
19 دروس · 9.3س
Go
20 دروس · 12.3س
لينكس
17 دروس · 8.5س
Docker
13 دروس · 6.6س
Git
13 دروس · 5.9س
Kubernetes
14 دروس · 8س
Ansible
12 دروس · 6.1س
Bash
12 دروس · 5.7س
هيلم
10 دروس · 5.4س
GitLab CI
11 دروس · 5.8س
جينكينز
11 دروس · 5.3س
PostgreSQL
14 دروس · 7.6س
MySQL
13 دروس · 6.8س
ويب
14 دروس · 5.9س
TypeScript
18 دروس · 7.7س
الـ Vibe Coding
12 دروس · 5.8س
Prompt Engineering
11 دروس · 6.2س
Vibe Coding: الأساسيات
12 دروس · 4.5س
Vibe Coding: من النموذج الأولي إلى الإنتاج
12 دروس · 5.5س
Vibe Coding: هندسة الوكلاء المتعددين
12 دروس · 5.3س
Vibe Coding: الهندسة المتقدمة
12 دروس · 7.3س
