التنقل بين الصفحات في React

بعد أن تعلمنا تعريف مسارات متعددة في تطبيقات React ، حان الوقت لتعلم التنقل بينها. بدون هذا التنقل، يبقى المستخدمون على المسار الافتراضي، غير قادرين على استكشاف أجزاء أخرى من التطبيق.

النهج التقليدي للملاحة

في HTML التقليدي، يتم التعامل مع التنقل باستخدام<a> العلامات. على سبيل المثال:

لكن،<a> تتسبب العلامات في قيام المتصفح بإعادة تحميل الصفحة بالكامل، مما:

• يبطئ الملاحة.

• يكسر تجربة المستخدم السلسة المتوقعة من تطبيقات الصفحة الواحدة.

• مسح حالة التطبيق.

طريقة التنقل في React

يوفر React Router مكونات مثلLink وNavLink لتمكين التنقل السلس عبر صفحة واحدة دون الحاجة إلى إعادة تحميل الصفحة بالكامل. ...