معماری اپلیکیشن های React با Next.js
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
ساخت اپلیکیشن های React مقیاسپذیر و با عملکرد بالا میتواند چالشبرانگیز باشد. با بزرگتر شدن اپلیکیشن ها، پیچیدگیهایی مانند مدیریت استیت، استخراج داده، بهینهسازی عملکرد و نگهداری کد نیز افزایش مییابد.
در این دوره، معماری اپلیکیشن های React با Next.js، شما یاد خواهید گرفت که چگونه این چالشها را با ابزارها و استراتژیهای لازم برای معماری اپلیکیشن های قوی، قابل نگهداری و با عملکرد بالا حل کنید.
در ابتدا، به بررسی عمیق ویژگیهای جدید React مانند Suspense ،Server Components و Server-side Rendering (SSR) در فریمورک Next.js خواهید پرداخت. سپس، به بررسی نقاط درد مشترک در مقیاسگذاری اپلیکیشن های React خواهید پرداخت و چگونگی بهینهسازی اپلیکیشن ها با استفاده از امکانات داخلی Next.js، مثل تولید سایت ایستا و رندر دینامیک را یاد خواهید گرفت.
در نهایت، به مرور مثالهای عملی مانند مدیریت سبد خرید و پیادهسازی اقدامات سرور خواهید پرداخت و تجربهای عملی با تکنیکهایی خواهید داشت که مدیریت استیت پیچیده و استخراج داده را ساده میکند. تا پایان این دوره، شما مهارتها و دانش لازم در React را برای معماری برنامههای کارآمد بهدست خواهید آورد و آنها را برای تولید در محیطهای واقعی آماده خواهید کرد.
معماری اپلیکیشن های React با Next.js
-
بررسی نسخه 0:01:00
-
مقدمه 0:02:00
-
تصمیمات React 0:02:00
-
طراحی معماری در اپلیکیشن های React 0:04:00
-
اپلیکیشن فروشگاه پای بثنی 0:02:00
-
فریمورکهای React با کیفیت تولید 0:02:00
-
فریمورکهای React: Next.js در برابر Remix 0:07:00
-
ویژگیهای Next.js 0:02:00
-
دمو: راه اندازی اپلیکیشن فروشگاه پای بثنی 0:02:00
-
صفحات و مسیردهی 0:04:00
-
نمایش: ایجاد صفحات و مسیرها 0:05:00
-
دمو: طرح بندی 0:06:00
-
خلاصه 0:01:00
-
کامپوننت های سرور React چیست؟ 0:04:00
-
رندر کردن سرور و کامپوننتهای کلاینت 0:03:00
-
دمو: ساختار کامپوننتها در فروشگاه پای بثنی 0:03:00
-
چرا کامپوننت های سرور؟ 0:02:00
-
بهترین شیوهها 0:04:00
-
استخراج داده ایستا 0:02:00
-
دمو: استخراج داده ایستا - منوی استخراج 0:08:00
-
کش 0:04:00
-
دمو: استخراج داده ایستا با Revalidation 0:05:00
-
رندر سمت سرور (SSR) 0:06:00
-
تمرین کدنویسی و خلاصه ماژول 0:02:00
-
مقدمهای بر Suspense 0:02:00
-
Suspense چگونه کار میکند؟ 0:02:00
-
دمو: راه اندازی مرزهای Suspense در فروشگاه پای بثنی 0:04:00
-
دمو: کامپوننت بارگذاری Suspense 0:06:00
-
بهترین شیوهها برای استفاده از Suspense 0:02:00
-
بهروزرسانیهای سمت کاربر با useSWR 0:03:00
-
دمو: سبد خرید با هوک useSWR 0:07:00
-
دمو: کامپوز کردن کامپوننت های قابل استفاده مجدد 0:05:00
-
دمو: صفحات بارگذاری Next.js 0:02:00
-
دمو: صفحات یافت نشد و خطا 0:03:00
-
دمو: پاکسازی کلی کد 0:02:00
-
چالشهای رایج در توسعه React 0:06:00
-
ملاحظات بلندمدت برای معماری برنامه React 0:06:00
-
خلاصه دوره 0:02:00
مشخصات آموزش
معماری اپلیکیشن های React با Next.js
- تاریخ به روز رسانی: 1404/06/21
- سطح دوره:پیشرفته
- تعداد درس:38
- مدت زمان :2:13:02
- حجم :3.65GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy