مبحث مسیریابی، جزو اصلی‌ترین مفاهیم طراحی و توسعه پروژه‌های تحت وب و موبایل است، زیرا با استفاده از آن می‌توان جریان اطلاعات را در پروژه ایجاد و کاربر را بین صفحات مختلف هدایت کنیم. در این آموزش یاد خواهیم گرفت که چگونه با استفاده از پکیج React Router عملیات مسیریابی را در پروژه‌های React پیاده‌سازی کنیم.
ایشان بیش از 18 سال سابقه فعالیت در حوزه برنامه‌نویسی، طراحی و تولید سیستم‌های نرم‌افزاری و تولید سامانه‌هایی با تعداد کاربران چندین هزار نفر را در کارنامه خود دارند و 5 عنوان کتاب تخصصی در حوزه برنامه‌نویسی به چاپ رسانده‌اند.
توضیحات تکمیلی
در پروژه‌های طراحی شده با React.js یا React Native، نیاز به مسیریابی بین صفحات و ارسال مقادیر و پارامترها از یک صفحه یا ماژول به صفحه یا ماژول دیگر است. مبحث مسیریابی، جزو اصلی‌ترین مفاهیم کار با React است و عملا بدون تسلط بر این مبحث، امکان پیاده‌سازی پروژه‌های React وجود ندارد.
یکی از معروف‌ترین پکیج‌های مسیریابی که بسیار محبوب بوده و غالبا از آن در پروژه‌های React استفاده می‌شود، پکیج React Router است که یک کتابخانه مسیریابی برای React محسوب می‌شود. هر کجا که React اجرا شود، React Router نیز قابل اجرا است، مثلا روی وب، روی سرور همراه با Node.js یا روی React Native با استفاده از قابلیت‌های این پکیج می‌توانید موارد زیر را پیاده‌سازی کنید:
- پیکربندی مسیرها
- هدایت مسیر بین صفحات یا ماژول‌ها از طریق لینک
- هدایت مسیر بین صفحات یا ماژول‌ها از طریق برنامه‌نویسی
- مسیریابی‌های تو در تو
- ارسال داده از طریق پارامترهای URL
- ارسال داده از طریق Query String
- ایجاد لینک همراه با Active Style
- مسیریابی از طریق Index Routeها
با تسلط بر مفاهیم و قابلیت‌های React Router قادر خواهید بود تا انواع مسیریابی‌های ساده یا پیشرفته را در پروژه‌های React خود به طور مناسب پیاده‌سازی کنید.
فهرست سرفصل‌ها و رئوس مطالب مطرح شده در اين مجموعه آموزشی، در ادامه آمده است:
- فصل یکم: مبانی مسیریابی در React
- درس یکم: معرفی مفهوم مسیریابی
- درس دوم: آشنایی با Location و History در مروگر
- درس سوم: ساخت کامپوننت ساده مسیریابی
- درس چهارم: آشنایی با دستورات pushState و replaceState
- درس پنجم: آشنایی با دستورات Forward و Back
- درس ششم: ارسال داده از طریق Query String
- درس هفتم: ارسال داده از طریق Hash
- فصل دوم: مسیریابی با پکیج React Router
- درس هشتم: معرفی پکیج React Router
- درس نهم: ساخت پروژه ساده مسیریابی با React Router
- درس دهم: ایجاد Navigation Menu
- درس یازدهم: دریافت پارامترهای URL
- درس دوازدهم: مسیریابی تو در تو
- درس سیزدهم: کار با Index Routeها
- درس چهاردهم: آشنایی با Relative Linkها
- درس پانزدهم: مدیریت مسیرهای Not Found
- درس شانزدهم: استفاده همزمان از چندین ماژول مسیریابی
- درس هفدهم: آشنایی با Descendant Routeها
- درس هجدهم: لینک‌های فعال
- درس نوزدهم: پارامترهای جستجو
- درس بیستم: سفارشی‌سازی لینک‌ها
- درس بیست‌ویکم: هدایت‌سازی از طریق برنامه‌نویسی
- درس بیست‌ودوم: مدیریت دسترسی به لینک‌ها برای کاربران معتبر
مفید برای
- علاقه‌مندان به برنامه‌نویسی جاوا اسکریپت
- طراحی سایت
- مهندسی کامپیوتر – نرم‌افزار
- مهندسی فناوری اطلاعات (IT)
پیش نیاز
آنچه در این آموزش خواهید دید:
نرم افزارهای مرتبط با آموزش
پیش نمایش‌ها
۱.
معرفی مفهوم مسیریابی
۲.
ارسال داده از طریق Hash
۳.
مسیریابی تو در تو
مشاهده این پیش‌نمایش، نیازمند
عضویت و ورود به سایت (+)
است.
۴.
استفاده همزمان از چندین ماژول مسیریابی
مشاهده این پیش‌نمایش، نیازمند
عضویت و ورود به سایت (+)
است.
۵.
هدایت‌سازی از طریق برنامه‌نویسی
مشاهده این پیش‌نمایش، نیازمند
عضویت و ورود به سایت (+)
است.
آموزش‌های مرتبط با آموزش ری اکت روتر React Router برای مسیریابی بین صفحات وب
راهنمای سفارش آموزش‌ها
.svg)
در مورد این آموزش یا نحوه تهیه آن سوالی دارید؟
- با شماره تلفن واحد مخاطبین ۵۷۹۱۶۰۰۰ (پیش شماره ۰۲۱) تماس بگیرید. - تمام ساعات اداری
- با ما مکاتبه ایمیلی داشته باشید (این لینک). - میانگین زمان پاسخ دهی: ۳۰ دقیقه
- ۱۰۰ درصد مبلغ پرداختی در حساب کاربری شما شارژ می‌شود.
- و یا ۷۰ درصد مبلغ پرداختی به حساب بانکی شما بازگشت داده می‌شود.
نظرات