ماهو react router؟

react router هي مكتبة خاصة لمنصة react تساعدك على بناء نظام توجيه تلقائي في التطبيق الذي ترمي بناءه او التعديل عليه.

مثال: لنفرض ان لديك واجهة مستخدم تتطلب وجود صفحتين "الصفحة الرئيسية" , "اتصل بنا" 

كل صفحة مرتبطة ب component , لتكن home, contact

الان حتى تسمح للمستخدم بالوصول الى اي من الصفحتين من خلال المتصفح بفتح رابط الصفحة المطلوبة, نستعمل   react-router.. لاحظ الصورة المرفقة

Router هو الحاوية الرئيسية الذي تضع فيها تعريفات الراوتر.

Switch  يقوم بلقط الرابط المدخل (url)من المتصفح ومن ثم اسقاطه على الراوت المناسب له.

Route  هنا تقوم بتعريف الجهة (الراوت) الذي يفتح صفحة معينه مرتبطة ب component معين, كما ترى تم ربط "home/" بال Component  المسمى Home  والذي يفترض انك قمت بتعريفه او استيراده مسبقا. عندما تكتب في المتصفح مثلا

http://localhost:3000/home تفتح لك صفحة الرئيسية

. والكلام نفسه ينطبق على  Contact. يفتح لك صفحة اتصل بنا

 هناك الكثير لتتعلمه في هذه المكتبه لكن البدايه يجب ان تكون بسيطة ثم الانتقال لتفاصيل اكثر تعقيدا.