دليل تعلم ReactJS الأساسي

دليل ReactJS

React مكتبة前端 تم تطويرها من قبل Facebook. تستخدم لمعالجة طبقة العرض لبرامج الويب والموبايل. ReactJS يسمح لنا بإنشاء مكونات واجهة المستخدم القابلة للتكرار. إنه أحد أكثر مكتبات JavaScript شعبية حاليًا ويتمتع بمستوى قوي من الأساسيات ومجتمع كبير.

React مكتبة JAVASCRIPT تستخدم لبناء واجهة المستخدم.

React يُستخدم بشكل رئيسي لبناء واجهة المستخدم، يعتقد العديد من الناس أن React هو V (الواجهة) في MVC.

أصل React يعود إلى مشروع داخلي لشركة Facebook، تم استخدامه لبناء موقع Instagram، وأصبح مفتوح المصدر في مايو 2013.

يتمتع React بأداء عالي، ويعتمد على منطق بسيط جدًا، ويرجع إليه عدد متزايد من الأشخاص للاهتمام باستخدامه.

ميزات React

1. التصميم التصريحي − يعتمد React على التصميم التصريحي، مما يسهل وصف التطبيقات.
2. كفاءة − يعتمد React على محاكاة DOM، مما يقلل من التفاعل مع DOM.
3. مرونة − يمكن لمكون React التعامل بشكل جيد مع المكتبات أو الأطر المعروفة.
4. JSX − JSX هو امتداد لغة JavaScript. لا يتطلب تطوير React استخدام JSX، لكننا نوصي باستخدامه.
5. المكونات − يمكن بناء مكونات React، مما يجعل الكود أكثر إعادة الاستخدام، مما يجعله مثاليًا للتعامل مع مشاريع كبيرة.
6. تدفق بسيط من البيانات − قام React بتنفيذ تدفق بسيط من البيانات، مما يقلل من الكود المكرر، وهو السبب في أنّه أسهل من الترابط التقليدي للبيانات.

مناسب للجميع

سيكون هذا الدليل مفيدًا للمطورين الذين يستخدمون ReactJS لأول مرة. سنحاول تقديم كل مفهوم من خلال أمثلة برمجية بسيطة وسهلة الفهم. بعد الانتهاء من جميع الفصول، ستشعر بالثقة في استخدام ReactJS.

قبل قراءة هذا الدليل، تحتاج إلى فهم المعرفة التالية:

قبل البدء في تعلم React، تحتاج إلى معرفة الأساسيات التالية:

HTML5
CSS
JavaScript

المثال الأول لـ React

في كل فصل، يمكنك تعديل الأمثلة عبر الإنترنت، ثم النقر على الزر لعرض النتيجة.

استخدم هذا الدليل إصدار React 16.4.0، يمكنك العثور على المزيد على الموقع الرسمي https://reactjs.org/ تنزيل الإصدار الأحدث.

مقدمة ReactJS