contents
- what is the React framework
- the main features of React
ماهو إطار العمل ريأكت
ريأكت هو مكتبة جافا سكريبت لبناء واجهات المستخدم. وعندما أقول واجهة مستخدم، أعني أي تطبيق تفتحه، سواء كان على هاتف آيفون أو عند فتح صفحة ويب والنقر على شيء ما. تم إنشاء ريأكت بواسطة فيسبوك لتسهيل بناء التطبيقات المعقدة التي تكون ديناميكية وتفاعلية. لقد تم إنشاؤه لتبسيط حياة المطورين من خلال تسهيل إنشاء التطبيقات المعقدة وتسريع العملية، وبالطبع تحسين أداء الصفحات.
الميزات الرئيسية في ريأكت
JSX
إنه امتداد لصياغة جافا سكريبت ، ويشبه HTML. هل يمكنك أن تتخيل؟ يمكنك كتابة كود HTML وإدراج المتغيرات بداخله لإظهار أو إخفاء المعلومات ديناميكيًا. يسمح لك JSX بكتابة كود HTML داخل ملفات جافا سكريبت، مما يسهل عملية إنشاء صفحات ويب تفاعلية ويجعل الكود أكثر وضوحًا وقابلية للقراءة.
تدفق البيانات باتجاه واحد
إنه مبدأ مهم جدًا في ريأكت. يعني أن البيانات تنتقل في اتجاه واحد فقط، من المكون الأب إلى المكونات الأبناء . ويعد هذا مهم لأنه يبسط عملية إدارة البيانات ويجعلها أكثر تنظيمًا. ويعمل التالي مثلا لديك مكون أب (مثلاً: صفحة ويب) يحتوي على بيانات، يقوم هذا المكون بإرسال البيانات إلى مكونات الابن (مثلاً: قائمة أو بطاقة منتج). بحيث أن مكونات الابن لا يمكنها تعديل هذه البيانات مباشرة، بل يجب أن تطلب التغييرات من المكون الأب عبر الأحداث.
نموذج كائن الوثيقة الافتراضي
إنه كائن جافا سكريبت خفيف الوزن يحتوي على جميع العناصر الموجودة في HTML، مثل الفقرات والروابط والصور والقوائم والعناصر الأخرى. يساعد في تحديث صفحات الويب بشكل أسرع من خلال تجميع التغييرات معًا وتقليل العمل الإضافي.
هيكلية قائمة على المكونات
إنها طريقة لبناء الواجهات من خلال تقسيمها إلى أجزاء صغيرة من الكود تُسمى “مكونات”. مثلًا: زر، نموذج إدخال، أو أي عنصر آخر في صفحتك. تخيل أنك تبني صفحة ويب باستخدام مكونات ريأكت، حيث يمكن لكل مكون أن يحتوي على بياناته الخاصة وسلوكه الخاص.
