تکنیکهای پیشرفتهی 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
آموزش های مرتبط
- زمان: 09:44:25
- تعداد درس: 67
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 02:58:50
- تعداد درس: 16
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 50:00:27
- تعداد درس: 171
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 10:25:35
- تعداد درس: 134
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 06:13:40
- تعداد درس: 42
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 14:13:39
- تعداد درس: 135
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 56:16:09
- تعداد درس: 284
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 41:46:09
- تعداد درس: 155
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 22:02:59
- تعداد درس: 99
-
سطح دوره:
-
زبان: دوبله فارسی