You May Also Like

تصبح كابلات USB عديمة الفائدة عندما تلتصق أسلاكها من الداخل ببعضها البعض نتيجة ارتفاع حرارتها وتعرضها لعوامل التآكل. فعندما تفكر ...
Read More
كيف تحافظ على عمر كوابل الشحن ؟
هى كلاسات مجردة لايمكن انشاء كائن object منها وانما تستخدم لاغراض الوراثة بمعنى لو عندى كلاس person انشاء بغرض تجميع ...
Read More
abstract class ما هو ال
في عام 2021 ، كان هناك أكثر من 4100 خرق للبيانات تم الكشف عنها علنًا ، وفقًا لتقرير عرض سريع ...
Read More
لغات برمجة مهمة لمختصي الأمن المعلوماتي

ما هي الـ React js ؟

React أو React.js  هي مكتبة تم بناؤها على لغة JavaScript، وتعتمد على مفهوم المُكونات و تُستخدم في بناء واجهات تفاعلية تعتمد على “virtual dom” في تحديث مكونات الصفحة، يمكن استخدامها لإنشاء تطبيقات من صفحة واحدة (spa)، تم بناء هذه المكتبة من طرف Facebook، هناك من يعتبر React إطار عمل لكنها في الحقيقة مكتبة.

▫ ما هي مميزات وخصائص الـ React js ؟

بُنيت React على أساس مفهوم الـ Component، إذ يمكن تقسيم صفحة الويب إلى مكونات (Component)، مثلاً بمكن اعتبار الـ “Navbar” مكون مستقل والـ “Footer” مكون مستقل وهكذا ..
يمكن إعادة استخدام هذه المكونات بسهولة فائقة دون الحاجة لبنائها مرة أخرى في كل مرة.

تَستخدام React ما يعرف بـ JSX

مثال :

<h1>Hello world!</h1>

إن الصياغة أعلاها التي تحتوي على وسم h1 هي ليست سلسلة نصيّة ولا حتى HTML. بل هي عبارة عن JavaScript تُستخدم لعرض ما يحتاجه المطور على شاشة المستخدم، تتشابه الـ JSX بالشكل مع HTML مما يسهل على المبرمجين التعامل مع الرياكت. ولكن ما يحدث في الحقيقة وفي الخفاء، هو أنه يتم تحويل الكود أعلاه إلى “جافاسكريبت فنكشن _ JavaScript Function”
مثال :

React.createElement(“h1”, null, “Hello world”)

يتم استخدام الـ Virtual DOM في الـ React مما يجعلها أكثر كفاءة وسرعة، كما توجد العديد من الميزات الأخرى والكثيره للرياكت

مصارد تساعدك على تعلم React.js :

https://www.udemy.com/course/react-redux/
https://www.w3schools.com/REACT/DEFAULT.ASP

Last Article