ماذا يعني عندما تقرأ أن React هو إعلاني
ستجري عبر المقالات التي تصف React بـنهج تصريحي لبناء واجهات المستخدم.
جعلت React "نهجها التصريحي" شائعًا جدًا وصريحًا لذا فقد تغلغل في عالم الواجهة الأمامية جنبًا إلى جنب مع React.
إنه ليس مفهومًا جديدًا حقًا ، لكن React استغرق بناء واجهات المستخدم كثيرًا بشكل تفسيري أكثر من قوالب HTML:
- يمكنك بناء واجهات ويب دون حتى لمس DOM مباشرة
- يمكنك الحصول على نظام أحداث دون الحاجة إلى التفاعل مع أحداث DOM الفعلية.
عكس التصريحي هوصيغة الامر. من الأمثلة الشائعة لمنهج الأمر البحث عن عناصر في DOM باستخدام أحداث jQuery أو DOM. أنت تخبر المتصفح بما يجب فعله بالضبط ، بدلاً من إخباره بما تريده.
نهج React التصريحي يلخص ذلك بالنسبة لنا. نحن فقط نقول لـ React أننا نريد عرض مكون بطريقة معينة ، ولا يتعين علينا أبدًا التفاعل مع DOM للإشارة إليه لاحقًا.
تحميل مجانيكتيب رد الفعل
المزيد من البرامج التعليمية للتفاعل:
- مثال على تطبيق بسيط من React: جلب معلومات مستخدمي GitHub عبر واجهة برمجة التطبيقات
- أنشئ عدادًا بسيطًا باستخدام React
- إعداد VS Code لتطوير React
- كيفية تمرير الدعائم إلى مكون فرعي عبر React Router
- أنشئ تطبيقًا باستخدام Electron و React
- البرنامج التعليمي: أنشئ جدول بيانات باستخدام React
- خارطة الطريق لتعلم React
- تعرف على كيفية استخدام Redux
- الشروع في العمل مع JSX
- المكونات المصممة
- مقدمة إلى Redux Saga
- مقدمة إلى React Router
- مقدمة إلى React
- مكونات رد الفعل
- DOM الظاهري
- رد فعل الأحداث
- دولة رد الفعل
- رد فعل الدعائم
- جزء رد الفعل
- واجهة برمجة تطبيقات سياق React
- تفاعل PropTypes
- مفاهيم التفاعل: تصريحية
- React: كيفية إظهار مكون مختلف عند النقر
- كيفية التكرار داخل React JSX
- الدعائم مقابل الحالة في React
- هل يجب عليك استخدام jQuery أم React؟
- ما مقدار JavaScript الذي تحتاج إلى معرفته لاستخدام React؟
- مقدمة لغاتسبي
- كيفية الإشارة إلى عنصر DOM في React
- تدفق البيانات أحادي الاتجاه في React
- تفاعل مكونات الترتيب الأعلى
- تفاعل أحداث دورة الحياة
- مفهوم التفاعل: الثبات
- مفهوم التفاعل: النقاء
- مقدمة في React Hooks
- مقدمة حول إنشاء التطبيق التفاعلي
- مفهوم التفاعل: التركيب
- رد الفعل: العرض مقابل مكونات الحاوية
- تقسيم الكود في React
- عرض جانب الخادم باستخدام React
- كيفية تثبيت React
- CSS في React
- استخدام SASS في React
- التعامل مع النماذج في React
- رد فعل StrictMode
- تفاعل البوابات
- رد فعل الدعائم التقديم
- اختبار مكونات React
- كيفية تمرير معامل إلى معالجات الأحداث في React
- كيفية معالجة الأخطاء في React
- كيفية إرجاع عناصر متعددة في JSX
- التصيير الشرطي في React
- React ، كيفية نقل الدعائم إلى المكونات الفرعية
- كيفية الحصول على قيمة عنصر الإدخال في React
- كيفية استخدام خطاف useState React
- كيفية استخدام الخطاف useCallback React
- كيفية استخدام الخطاف useEffect React
- كيفية استخدام الخطاف useMemo React
- كيفية استخدام خطاف useRef React
- كيفية استخدام الخطاف useContext React
- كيفية استخدام خطاف useReducer React
- كيفية توصيل تطبيق React بخلفية على نفس الأصل
- البرنامج التعليمي Reach Router
- كيفية استخدام أدوات مطور React
- كيف تتعلم React
- كيفية تصحيح أخطاء تطبيق React
- كيفية عرض HTML في React
- كيفية إصلاح الخطأ "seriouslySetInnerHTML" لا يتطابق مع الخطأ في React
- كيف أصلحت مشكلة في حالة نموذج تسجيل الدخول إلى React والملء التلقائي للمتصفح
- كيفية تكوين HTTPS في تطبيق React على المضيف المحلي
- كيفية إصلاح الخطأ "لا يمكن تحديث مكون أثناء عرض مكون مختلف" في React
- هل يمكنني استخدام خطافات React داخل شرطي؟
- استخدام useState مع كائن: كيفية التحديث
- كيفية تحريك الكتل البرمجية باستخدام React و Tailwind
- React ، ركز عنصرًا في React عند إضافته إلى DOM
- رد فعل وتحرير النص عند النقر المزدوج