تکنیکهای پیشرفتهی React Router با TypeScript
✅ سرفصل و جزئیات آموزش
در این دوره، اولوشوک وو اوکپالا، یک متخصص ارشد نرمافزار، شما را از طریق تکنیکهای پیشرفته React Router راهنمایی میکند تا مهارتهای ناوبری خود را ارتقا دهید و برنامههای مقیاسپذیر بسازید. دربارهی مسیرهای تو در تو، پارامترهای دینامیک، ناوبری برنامهنویسی و مدیریت خطاهای بدون وقفه اطلاعات کسب کنید. بیاموزید چگونه مسیرهای محافظتشده را برای تأمین امنیت بخشهایی از برنامهی خود پیادهسازی کنید و ناوبری را بدون بارگذاری کامل صفحه مدیریت کنید.
از React.lazy و React Suspense برای بهینهسازی عملکرد از طریق lazy loading استفاده کنید. پیچیدگیهای ناوبری سمت مشتری را درک کرده و از بین ساختارهای مختلف مسیر بهطور مؤثر بروید. در پایان این دوره، شما قادر خواهید بود بهطور اعتماد به نفس، جریانهای کاربری بسازید، دادههای دینامیک را مدیریت کنید و تجارب کاربری عالی را در برنامههای خود تضمین کنید.
تکنیکهای پیشرفتهی React Router با TypeScript
-
تکنیکهای React Router 0:00:53
-
چرا React Router و چرا اکنون؟ 0:01:59
-
مسیر یابی سمت مشتری چیست؟ 0:06:41
-
ویژگیهای React Router 0:05:23
-
نصب و راهاندازی React Router 0:03:52
-
مسیر یابی پایه و کامپوننت های لینک 0:03:34
-
چالش: ناوبری یکپارچه با مسیرهای پروفایل و داشبورد 0:02:35
-
راهحل: ناوبری یکپارچه با مسیرهای پروفایل و داشبورد 0:03:45
-
استخراج مسیرها و ساختاردهی طرح بندی در React Router 0:03:46
-
درک مسیرهای تو در تو 0:06:19
-
مسیرهای دینامیک با useParams 0:08:02
-
ایجاد لینکهای دینامیک با Link و NavLink 0:03:21
-
چالش: راه اندازی مسیرهای دینامیک برای رندر کردن یک صفحهی دستور پخت دقیق 0:02:45
-
راهحل: راه اندازی مسیرهای دینامیک برای رندر کردن یک صفحهی دستور پخت دقیق 0:03:21
-
ساخت صفحات ورود و پروفایل 0:07:08
-
پیادهسازی مسیرهای محافظتشده 0:04:36
-
مدیریت ریدایرکت ها و ناوبری بهطور برنامهنویسی 0:05:34
-
چالش: پیادهسازی یک صفحهی داشبورد به عنوان یک مسیر محافظتشده 0:01:59
-
راهحل: پیادهسازی یک صفحهی داشبورد به عنوان یک مسیر محافظتشده 0:01:24
-
درک Lazy Loading و مزایای آن 0:05:58
-
پیادهسازی Lazy Loading برای مسیرها و کامپوننت ها 0:03:18
-
مرزهای خطا برای کامپوننت های Lazy Loading 0:04:40
-
چالش: پیادهسازی Lazy Loading برای تمام مسیرها و کامپوننت های اصلی 0:01:23
-
راهحل: پیادهسازی Lazy Loading برای تمام مسیرها و کامپوننت های اصلی 0:01:31
-
انتقال دادهها بین مسیرها: Link و useLocation 0:03:23
-
انتقال دادهها بین مسیرها: useNavigate 0:02:05
-
مدیریت صفحات 404 و ریدایرکت ها 0:01:58
-
خلاصهای از یادگیریهای کلیدی 0:02:36
-
مسیرهای یادگیری بیشتر در توسعهی پیشرفتهی فرانتاند 0:02:06
مشخصات آموزش
تکنیکهای پیشرفتهی React Router با TypeScript
- تاریخ به روز رسانی: 1404/06/21
- سطح دوره:پیشرفته
- تعداد درس:29
- مدت زمان :1:45:55
- حجم :235.0MB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy
آموزش های مرتبط
- زمان: 06:19:16
- تعداد درس: 40
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 17:11:52
- تعداد درس: 113
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 21:10:47
- تعداد درس: 202
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 14:29:26
- تعداد درس: 36
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 10:39:08
- تعداد درس: 64
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 11:07:45
- تعداد درس: 63
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 18:23:18
- تعداد درس: 103
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 00:57:00
- تعداد درس: 20
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 00:41:00
- تعداد درس: 9
-
سطح دوره:
-
زبان: دوبله فارسی