دوره آموزشی تکنیکهای پیشرفته React Router با TypeScript
1 ساعت 46 دقیقهپیشرفته2025-02-28
مدرسین
Oluchukwu Okpala
Software Engineer
جزئیات دوره
در این دوره، Oluchukwu Okpala که یک توسعهدهنده ارشد هست، بهت تکنیکهای پیشرفته React Router رو آموزش میده تا مهارتهای ناوبریات رو ارتقا بدی و اپلیکیشنهای مقیاسپذیر بسازی. یاد میگیری که چطور از مسیرهای تو در تو (nested routes)، پارامترهای دینامیک، ناوبری برنامهنویسیشده (programmatic navigation)، و مدیریت خطاهای بدون مشکل استفاده کنی. همچنین با نحوه پیادهسازی مسیرهای محافظتشده برای امنیت بخشهای مختلف اپ آشنا میشی و یاد میگیری چطور بدون بارگذاری مجدد صفحه، ناوبری رو مدیریت کنی. از React.lazy و React Suspense برای بهینهسازی عملکرد با بارگذاری تنبل (lazy loading) استفاده میکنی. پیچیدگیهای ناوبری سمت مشتری رو درک میکنی و به طور مؤثر از ساختارهای مختلف مسیرها عبور میکنی. در پایان این دوره، به راحتی میتونی جریانهای کاربری بسازی، دادههای دینامیک رو مدیریت کنی و تجربههای کاربری عالی رو در اپلیکیشنهات ارائه بدی.
اهداف یادگیری:
آشنایی با تکنیکهای پیشرفته React Router.
درک نحوه کار با مسیرهای تو در تو و پارامترهای دینامیک.
یادگیری نحوه پیادهسازی مسیرهای محافظتشده.
بهینهسازی عملکرد اپلیکیشن با استفاده از React.lazy و React Suspense.
مدیریت ناوبری بدون بارگذاری مجدد صفحه و بهبود تجربه کاربری.
اهداف یادگیری:
آشنایی با تکنیکهای پیشرفته React Router.
درک نحوه کار با مسیرهای تو در تو و پارامترهای دینامیک.
یادگیری نحوه پیادهسازی مسیرهای محافظتشده.
بهینهسازی عملکرد اپلیکیشن با استفاده از React.lazy و React Suspense.
مدیریت ناوبری بدون بارگذاری مجدد صفحه و بهبود تجربه کاربری.
مهارت ها
TypeScriptWeb Development ToolsFront-End Web DevelopmentWeb DevelopmentProgramming LanguagesOpen SourceSoftware DevelopmentOne-Off
سرفصل ها
شروع کار با React Router
- 01 - تکنیکهای React Router
- 02 - چرا React Router و چرا در حال حاضر
1. اصول اولیه روتر React
- 03 - مسیریابی سمت مشتری چیست
- 04 - ویژگیهای React Router
- 05 - React Router را نصب و راهاندازی کنید
- 06 - اجزای اصلی مسیریابی و پیوند
- 07 - چالش - ناوبری بدون درز با مسیرهای پروفایل و داشبورد
- 08 - راه حل - ناوبری بدون درز با مسیرهای پروفایل و داشبورد
2. مسیریابی پیشرفته با طرحبندی، مسیرهای تودرتو، و پارامترهای پویا
- 09 - استخراج مسیرها و ساختاربندی طرح در React Router
- 10 - شناخت مسیرهای تو در تو
- 11 - مسیرهای پویا با useParams
- 12 - ایجاد لینکهای پویا با Link و NavLink
- 13 - چالش - مسیرهای پویا را برای ارائه یک صفحه دستور پخت دقیق تنظیم کنید
- 14 - راه حل - مسیرهای پویا را برای ارائه یک صفحه دستور پخت دقیق تنظیم کنید
3. محافظت از مسیرها با احراز هویت
- 15 - ساخت صفحات ورود و پروفایل
- 16 - اجرای مسیرهای حفاظت شده
- 17 - مدیریت تغییر مسیرها و پیمایش برنامهای
- 18 - چالش - یک صفحه داشبورد را به عنوان یک مسیر محافظت شده پیادهسازی کنید
- 19 - راه حل - یک صفحه داشبورد را به عنوان یک مسیر محافظت شده پیادهسازی کنید
4. بهینهسازی عملکرد با بارگذاری تنبل
- 20 - شناخت بارگذاری تنبل و فواید آن
- 21 - اجرای بارگذاری تنبل برای مسیرها و قطعات
- 22 - مرزهای خطا برای اجزای بارگذاری شده تنبل
- 23 - چالش - اجرای بارگذاری تنبل برای تمام مسیرها و اجزای اصلی
- 24 - راه حل - اجرای بارگذاری تنبل برای تمامی مسیرها و اجزای اصلی
5. انتقال مسیر و افزایش تجربه کاربر
- 25 - انتقال داده بین مسیرها - Link و useLocation
- 26 - انتقال داده بین مسیرها - useNavigate
- 27 - مدیریت 404 صفحه و تغییر مسیر
نتیجه گیری و مراحل بعدی
- 28 - خلاصه ای از آموختههای کلیدی
- 29 - مسیرهای یادگیری بیشتر در توسعه پیشرفته front-end
دوره های مرتبط
- دوره آموزشی تایپاسکریپت پیشرفته: ژنریکها و انواع شرطی
- دوره آموزشی انتخاب زبان مناسب برای بکاند: TypeScript، Go یا Rust برای پروژههای جدید شما
- دوره آموزشی TypeScript برای توسعهدهندگان Node.js
- دوره آموزشی ساخت برنامههای تایپاسکریپت با JSDoc
- دوره آموزشی ساخت یک مونو ریپو مقیاسپذیر با استفاده از جاوااسکریپت و تایپاسکریپت
- دوره آموزشی مقیاس بندی TypeScript برای توسعه دهندگان سازمانی
- دوره آموزشی مفاهیم پیشرفته تایپاسکریپت
- دوره آموزشی تایپاسکریپت برای توسعهدهندگان جاوااسکریپت