كيف اصبح مطور ريأكت

بتاريخ 11 ساعة قال عبدالرحمن نائف:

ما هي الخطوات او الطريق او المسار الصحيح لتعلم الريأكت 

• الريأكت تعتمد على لغة البرمجة java script ,لذا من الضروري أن تكون على دراية جيدة بأساسياتها قبل البدء بتعلم الريأكت . بالإضافة إلى ذلك يجب أن تكون ملم باللغات الأساسية لتطوير الواجهات الأمامية للويب و التي هي html  و css. الأن بعد تعلم أساسيات الويب يمكنك البدء بتعلم الريأكت.

بداية عليك أن تتعرف على بنية مشروع الريأكت و طريقة تقسيم الملفات بداخله ليكون مشروعك منظم وواضح و قابل للصيانة.

ثم عليك أن تتعرف على المفاهيم الأساسية المستخدمة في الريأكت و هي :

• ال syntax الخاص بالريأكت مثلا في ال html  كنا نكتب بهذه الطريقة:

  <button onclick="activateLasers()">
    Activate Lasers
  </button>

  أما في الريأكت :

  <button onClick={activateLasers}>
    Activate Lasers
  </button>

  لاحظ كيف اختلفت طريقة استدعاء التابع و ال onClick أصبح الحرف الأول من الكلمة الثاني كبير C

• jsx
• component
• بالإضافة إلى ذلك عليك أن تعلم أن هناك نوعين من ال component في الريأكت و هما:
  1- class component: لم يعد مستخدم الأن
  2- functional component: و هو المستخدم الأن لأنه أقل تعقيدا و أوضح

و ثم قم بعمل أي مشروع صغير  لتطبق ماتعلمته و لكي تتوضح لك الأمور أكثر.

ثم عليك أن تتعمق أكثر  و تتعرف على مفاهيم أكثر مثل:

• props: تستخدم لتمرير البيانات بين ال components
• hooks: تستخدم لإدارة حياة الكمبوننت
• useState: تستخدم لإدارة حالة الكمبوننت و تحديث متغيراته و عكسها على الواجهة و هي مهمة جدا في الريأكت , وهي من ال hooks

باستخدام مفاهيم ال props و ال hooks تستطيع أن تبني موقع  تفاعلي , و يصبح مستواك في الريأكت جيد .

و الأن يمكنك تعلم كيف تجلب البيانات من ال api  باستخدام مكتبات ال javascript مثل axios

و يمكنك تعلم مفاهيم متقدمة مثل (redux) وكيف تقوم بإدارته و جلب البيانات منه و ادخال البيانات اليه و تحديث الواجهة عندما يتغير.

إليك بعض الدورات التي يمكنك البدء منها

دورة اساسيات javascript

اساسيات react.js