سبد خرید
در جریان باش !

اضافه کردن routing به پروژه React

اطلاعات سرفصل آموزشی

364 دانشجو
26 جلسه 1 تمرین
5 پرسش و پاسخ

149,000 تومان

مدرس

مجتبی سوری

آشنایی با مدرس
به اشتراک بگذارید

لیست جلسات

معرفی مفهوم routing 10:22
آشنایی با location api در مرورگر 01:55
آشنایی با history api در مرورگر 11:48
ایجاد یک کامپوننت ساده برای رندر کردن کامپوننت متناسب با آدرس وارد شده 08:00
پیاده سازی یک کامپوننت link برای اضافه کردن لینک ها به برنامه 07:06
پیاده سازی forceUpdate برای کامپوننت route 13:07
رندر مجدد route ها با تغییر آدرس 05:59
تفاوت hash routing و history 04:30
معرفی کامپوننت های اصلی پکیج React router (شروع آموزش پکیج React router) 04:54
آشنایی با نحوه اضافه کردن react router به پروژه 11:16
آشنایی با route render methods در React router 16:42
تفاوت Static Routing و Dynamic Routing 03:42
نحوه پیاده سازی nesting routing در React router 03:45
نحوه دسترسی به params در کامپوننت ها با استفاده از match و useParams 07:05
دسترسی به history با استفاده از useHistory 03:00
آشنایی با useRouteMatch در React router 06:48
آشنایی با آبجکت location و استفاده از useLocation 04:34
پیاده سازی مثال ورود کاربر با استفاده از React Router (بخش اول) 06:11
پیاده سازی مثال ورود کاربر با استفاده از React Router (بخش دوم) 13:08
پیاده سازی مثال ورود کاربر با استفاده از React Router (بخش سوم) 16:21
تکمیل پیاده سازی مثال ورود کاربر با استفاده از React Router
روش انطباق آدرس وارد شده در React router (بخش اول) 09:02
روش انطباق آدرس وارد شده در React router (بخش دوم) 08:50
بررسی propsهای BrowserRouter و نمایش پیغام به کاربر با Prompt 14:41
تغییر استایل لینک فعال با استفاده از NavLink 06:51
بررسی نکات مثال Modal Gallery 10:51
بررسی نکات مثال های مطرح شده در سایت React router 13:27

توضیحات

یکی از قابلیت های مهم مورد نیاز در برنامه های SPA بحث routing می باشد که در این سرفصل در ابتدا با مفاهیم این حوزه آشنا شده و در ادامه دوره با پکیج های جانبی از جمله React routing که در این مورد وجود دارد آشنا می شویم