Mohammad Ghasemi
Mohammad Ghasemi
خواندن ۱ دقیقه·۵ سال پیش

روز سی و هشتم از چالش ۱۰۰ روز کد زدن - React Router

درود بر شما دوست عزیز،

اجازه بدید بی مقدمه بریم سر اصل مطلب! ;-)
در سی و هشتمین روز از چالش مهیج و جذاب صد روز کد زدن، رفتم سراغ کتابخانه قدرتمند 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 استفاده کنید.

تا درودی دیگر، حق نگهدارتان.

https://virgool.io/@mohstarsos1/%D8%B4%D8%B1%D9%88%D8%B9-%DA%86%D8%A7%D9%84%D8%B4-%DB%B1%DB%B0%DB%B0-%D8%B1%D9%88%D8%B2-%DA%A9%D8%AF-%D8%B2%D8%AF%D9%86-fxbkp0t9btcy


منبع

برنامه نویسیreact routerreact jsjava script
هر کار و پیشه ای که داری آن را به گونه ای انجام بده که گویی تا ابد زنده هستی و بابت کرده ات پاسخگو
شاید از این پست‌ها خوشتان بیاید