درود بر شما دوست عزیز،
اجازه بدید بی مقدمه بریم سر اصل مطلب! ;-)
در سی و هشتمین روز از چالش مهیج و جذاب صد روز کد زدن، رفتم سراغ کتابخانه قدرتمند React Router.
همونطور که میدونین Routing یا مسیردهی یکی از مهمترین مواردی هست که تقریبا همه اپلیکیشن ها از اون استفاده میکنند و با استفاده از اون به کاربران اجازه میدن که بین صفحات مختلف Navigate کنند و جابجا بشن. هر چه اپلیکیشن بزرگتر میشه، تنظیمات مربوط به Routing هم پیچیدهتر میشه و میتونه از یک Route ساده به یک Route تو در تو و چند سطحی تبدیل بشه.
معروفترین و متداولترین کتابخانهای که در برنامههای React برای Routing مورد استفاده قرار میگیره، React Router است. با استفاده از React-Router به راحتی میتونین بین view ها جابجا بشید و بین اونا transition تعریف کنید و به راحتی به اطلاعات URL دسترسی داشته باشید.
قبل از نسخه 4 مربوط به کتابخانه React-Router باید همه مسیرها رو قبل از رندر شدن صفحه و در زمان initialize شدن اپلیکیشن، در یک فایل مشخص تعریف میکردیم. با استفاده از React-Router 4 میتونین مسیرها رو بصورت declarative یا تعریفی مشخص کنید. React-Router بصورت component در دسترس شما قرار داده شده و به راحتی میتونین از اون در برنامههای React استفاده کنید.
تا درودی دیگر، حق نگهدارتان.