ساخت UI های مدرن بوسیله React Router v6

آیا قبلاً با React آشنا هستید و آماده هستید تا مهارت های خود را بالا ببرد و رابط های کاربر مدرن ایجاد کنید؟ در این دوره ، یاد بگیرید که چگونه با افزودن قابلیت های مسیریابی با روتر React ، کتابخانه مسیریابی استاندارد برای React ، برنامه های React خود را گسترش دهید. مربی گیل هرناندز با ادامه مسیریابی اصول اولیه و برنامه های تک صفحه شروع می شود. وی سپس برخی از اجزای مفید روتر React را نشان می دهد ، قلاب ها و سایر ویژگی هایی که کاربران را به همه نمایش های مختلف منتقل می کنند و به ایجاد رابط های کاربر پویا کمک می کنند که به طور خودکار هر زمان که URL تغییر می کند ، به روز می شود. او توضیح می دهد که چگونه می توان مسیرهای 404 یا "یافت نشده" را ایجاد کرد ، و همچنین چگونه وضعیت موقعیت مکانی ، شیء تاریخ و پشته تاریخ کار می کند. گیل همچنین در این راه چندین چالش را ارائه می دهد تا بتوانید همانطور که می روید تمرین کنید و آنچه را که می آموزید بچسبانید.

عنوان اصلی : Building Modern UIs with React Router v6

سرفصل های دوره :

مقدمه:
ساخت UI های مدرن
آنچه شما باید در مورد React بدانید
پروژه را تنظیم کنید
1. مبانی مسیریابی:
اصول مسیریابی
DOM Router React را نصب کنید و به URL مرورگر وصل شوید
اولین مسیر خود را پیکربندی کنید
از پیوند برای حرکت بین صفحات استفاده کنید
چالش: ایجاد ناوبری با پیوند و مسیر
راه حل: با پیوند و مسیر ناوبری ایجاد کنید
2. مسیرهای تو در تو و پارامترهای URL:
چگونه مسیریابی تو در تو کار می کند
یک مسیر مسابقه 404 یا بدون مسابقه ایجاد کنید
برای ایجاد مسیرهای پویا ، صاحبخانه ها را تعریف کنید
پارامترهای URL را بخوانید و نمایش دهید
پیوندهای فعال را نمایش دهید
چالش: یک UI تو در تو را از مسابقات مسیر ارائه دهید
راه حل: UI تو در تو را از مسابقات مسیر ارائه دهید
3. مسیریابی بیشتر را طی کنید:
مسیرهای فهرست
به صورت برنامه ای حرکت کنید
هنگام پیمایش برنامه ای داده ها را منتقل کنید
چالش: عبور از وضعیت موقعیت مکانی
راه حل: حالت موقعیت مکانی
نتیجه گیری:
مراحل بعدی