| الأدارة ..♥ |
| ❆ فعاليات عَبق الياسمين ❆ | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
 |
|
#1
17-02-2023, 04:24 PM
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
ما هي React js
ما هي React js
يبدو من اسمها أنها مكتبة مبنية للبرمجة بلغة JavaScript تم بناؤها من قبل شركة فيسبوك، وهي مكتبة متخصصة بواجهات المستخدم، حيث تقدم طريقة سهلة وسلسلة وقوية في الوقت ذاته لبناء الواجهات وتخفف العبء عن المبرمجين أثناء بناء أي واجهة، وهي مبنية على أساس مفهوم الـ Component والذي يمكن إعادة استخدامه بسهولة فائقة دون الحاجة لبنائه مرة أخرى في كل مرة، ويشير الموقع الرسمي للمكتبة إلى قابلية استخدام المعلومات التي يتعلمها المبرمج عند تعلمه التعامل مع مكتبة React في كتابة كودات مختصة بالسيرفر عن طريق Node وبناء تطبيقات قوية للموبايل عن طريق React Native أشهر ميزات React js تشتهر React js بعدة ميزات تجعلها على رأس القائمة عند الحديث عن متطلبات سوق العمل ومنها:
من السهل بناء واجهة تفاعلية مميزة باستخدام الرياكت، حيث تعتمد على الحالة في التنقل بين العناصر، يمكن بناء View لكل حالة تمر بها البيانات وستقوم الرياكت بالتنقل بمرونة بين الحالات عند حصول أي تغيير للبيانات، مما يجعلها توفر الكثير من العناء والجهد في بناء واجهات تفاعلية.
تعتمد واجهات الرياكت على ترتيب مجموعة من المكونات المبنية بشكلٍ منفصل لتشكيل الواجهة، حيث يكون لكل مكون Component قواعده البرمجية الخاصة وحالاته وتفاعله مع البقية ويمكن بسهولة إعادة استخدامه في أي واجهة أخرى، وبما أن المكونات تبنى عن طريق لغة جافا سكريبت؛ فهذا يجعل من السهل تمرير ما يلزم من البيانات للمكونات وهذا بديل جيد لاستخدام القوالب الجاهزة.
يوضح الموقع الرسمي للرياكت إمكانية إعادة استخدامها في أماكن مختلفة، حيث يكفي أن تتعلم القواعد الأساسية لاستخدامها لتتمكن من بناء واجهات مرنة للمواقع الإلكترونية والانتقال لبناء برمجيات تتعلق بالسيرفر عن طريق استخدام Node، وأيضًا بناء تطبيقات موبايل قوية لمختلف المنصات عن طريق React Native. ما هو Component ذكرنا أن الرياكت تعتمد على المكونات وهنا أهم ما يجب معرفته حول المكونات Components بصفتها العنصر الأهم في الرياكت :
ما هو JSX تدمج الرياكت بين التصميم والبرمجة الخاصة بالواجهات كما رأينا، ويكون ذلك عن طريق كتابة كود JSX وهو ليس كود جافا سكريبت وليس كود HTML، بل هو ناتج عن دمج هاتين اللغتين ظاهريًا لتنتج طريقة جديدة في الكتابة تسمى JSX، وهو اختياري أثناء استخدام الرياكت وهنا مثال عنها: const element = <h1>Hello World!</h1> وكما نرى فهذا الكود يحوي تعريف للعنصر element كما في الجافا سكريبت، ويحوي أيضًا عنصرًا يظهر كأنه HTML، حيت أن تاغات الـJSX تشبه تاغات الـHTML وتملك أسماء وخصائص وتاغات أبناء التحكم بالحالة تتم عمليات التحكم بالحالة ضمن الرياكت عن طريق آلية برمجية تبنى لكافة الحالات في التطبيق، حيث يتم استقبال البيانات من عدة مصادر إما داخل التطبيق أو من الإنترنت أو عن طريق المستخدم، يتلقى Dispatcher هذه البيانات ويخزنها في مخزن خاص بها، والتي تذهب بشكلٍ مباشر إلى العرض، وهذا يبين مدى بساطة عملية التحكم بالواجهات ولهذا السبب فإن التفاعل في الصفحات المبنية باستخدام الرياكت يكون سلس وسريع للغاية 
الساعة الآن 12:16 AM
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
عضويتي 
مواضيعيٌّ
.gif "100 (106)")
العرض العادي
