التوجيه باستخدام React Router

جزء من دورة React

كل ما بنيته حتى الآن يعيش على عنوان واحد. صفحة واحدة، وكل ما تريد أن يراه المستخدم تُظهره أو تخفيه بالحالة. هذا يعمل إلى أن يريد أحدهم حفظ شاشة الإعدادات في مفضلته، أو إرسال رابط إلى زميل يفتح مستخدما بعينه، أو الضغط على زر الرجوع في المتصفح فيصل حيث يتوقع. وتطبيق الويب الذي يتجاهل شريط العنوان يهدر الميزة الوحيدة التي يعرف كل مستخدم كيف يستعملها أصلا.

تطبيق الصفحة الواحدة لا يعيد تحميل الصفحة كلها حين تتنقل فيه. المتصفح ينزّل JavaScript مرة واحدة، وبعدها لا يكون تبديل الشاشات إلا عرض React لمكوّنات مختلفة. لكن العنوان يجب أن يتغير مع ذلك، وزر الرجوع يجب أن يعمل، وكتابة عنوان مباشرة يجب أن توصلك إلى المكان الصحيح. وربط هذين الطرفين ببعضهما، شريط العنوان من جهة ومكوّناتك من جهة، يسمى التوجيه (routing).