You May Also Like

تنقسم التخصصات في مجال برمجة المواقع الالكترونية إلى 3 أقسام رئيسية، وهي ال Back-End وال Front-End وال Full Stack، لذلك ...
Read More
Back End و Front End و Full Stack  الفرق بين
هل تمنيت يومًا أن تتمكن من تنزيل ويكيبيديا بالكامل ، والحصول على نسخة منها لنفسك؟ هناك عدد قليل من الطرق للقيام ...
Read More
كيفية تنزيل ويكيبيديا للقراءة في وضع عدم الاتصال
الوهم التكنولوجي في بعض من خوارزميات فيسبوك ومنها  خوارزمية فيس بوك تعرف الوجوه بنفس دقة العقل البشري: أجل، فخوارزمية الوجه ...
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

error: Content is protected !!